1. 程式人生 > >vue-cli起的webpack專案 用localhost可以訪問,但是切換到ip就不可以訪問

vue-cli起的webpack專案 用localhost可以訪問,但是切換到ip就不可以訪問

      我用的是vux起的一個專案(移動端,基於vue的),因為是移動端的,需要在手機上測試,發現用http://localhost:8081/訪問的挺好的,但是換到ip就訪問不了,期初我以為是代理的原因,將電腦的代理給關掉了。還是不行,然後改為127.0.0.1訪問,發現可以訪問,用0.0.0.0訪問也可以,就是ip不行。然後就各種google,百度。別人家的方法---都試了好多,發現沒效(有點懷疑人生,懷疑是不是我電腦的問題),但是結果就在這,ip就是不可以訪問!!!!

      本著一個程式設計師的本能--不解決這個bug,誓不罷休的精神。我開始看自己的build檔案, config檔案。最終找到了根源----在config裡面的index.js裡面的module.exports下面的dev下面的host:'localhost' 改為 host:'0.0.0.0',就可以訪問啦!!!然後開心愉快的開始碼程式碼!!!!!!

相關推薦

iis釋出的網站localhost可以訪問改成IP無法訪問的解決方案

 問題背景 作業系統:Windows7 IIS:v6.1 背景:在做webgis應用時,資料來源採用的是arcgis的切片圖片。把圖片放到iis中釋出。在iis中瀏覽圖片時,可以正常顯示,如地址為“http://localhost/arcgiscache/shenzhen/

vue-cliwebpack專案 localhost可以訪問但是切換ip可以訪問的是vux的一個專案(移動端基於vue的)因為是移動端的需要在手機上測試發現

      我用的是vux起的一個專案(移動端,基於vue的),因為是移動端的,需要在手機上測試,發現用http://localhost:8081/訪問的挺好的,但是換到ip就訪問不了,期初我以為是代理的原因,將電腦的代理給關掉了。還是不行,然後改為127.0.0.1訪問,發現可以訪問,用0.0.0.0訪

vue-cliwebpack專案 localhost可以訪問但是切換ip可以訪問

      我用的是vux起的一個專案(移動端,基於vue的),因為是移動端的,需要在手機上測試,發現用http://localhost:8081/訪問的挺好的,但是換到ip就訪問不了,期初我以為是代理的原因,將電腦的代理給關掉了。還是不行,然後改為127.0.0.1訪問,發現可以訪問,用0.0.0.0訪問也

MySQL 可以localhost 連線IP連線的問題區域網192.168.*.* 無法連線mysql

Mysql 預設是沒有開啟這個許可權的(只允許使用 host:localhost,或者 host:127.0.0.1),如果想用 host:192.168.1.* ,來訪問mysql ,需要手動開啟這個許可權進入Mysql終端輸入這個命令 1.開啟cmd視窗,進入MyS

IIS釋出網站localhost可以訪問繫結IP之後無法訪問

問題由來:         在本地IIS上釋出的網站,localhost可以直接訪問,但是改成繫結IP後就無法訪問。 解決方案:         繫結IP之後無法訪問,應該是禁用了http的80埠。在防火牆中新增80埠即可成功解決問題。         具體步驟:    

lvs/dr+keepalived搭建成功後開啟防火墻虛擬IP訪問但是真實IP卻可以訪問

p地址 地址 搭建 訪問 roc 奮鬥 mask col 實現 lvs/dr+keepalived搭建成功後,開啟防火墻,虛擬IP不能訪問,但是真實IP卻可以訪問,如果關閉防火墻虛擬IP就可以訪問網站了,這個問題肯定是防火墻在作怪. 經過這兩的不懈奮鬥和大家的幫助,我的lv

在手機瀏覽器上訪問vue-cli(vue2.x)專案

(通過ip地址訪問專案,也是為了讓同網段的手機輸入電腦的訪問本專案的網址後也能訪問該專案) 1、如果修改localhost為電腦ip地址也不能訪問專案 vue-cli開發的vue2.x版本,如果不能直接通過ip地址來訪問的話,那麼要修改config/index.js檔案中的host欄

利用vue-cliwebpack建立一個Vue專案

建立Vue專案 步驟如下: 1、全域性安裝vue-cli      在工作空間下執行下面這段程式碼 cnpm install --global vue-cli 2、建立一個基於webpack模板的新專案 vue i

手把手教你vue-cliwebpackvue-router、vue-resource構建單頁應用(SPA)

vue-cli webpack vue-router vue-resource vue-cli:一個官方釋出 vue.js 專案腳手架,使用 vue-cli 可以快速建立 vue 專案 webpack:是當下最熱門的前端資源模組化管理和打包工具。它可以將

vue-cliwebpackvue-router構建單頁應用

vue-cli:一個官方釋出 vue.js 專案腳手架,使用 vue-cli 可以快速建立 vue 專案webpack:是當下最熱門的前端資源模組化管理和打包工具。它可以將許多鬆散的模組按照依賴和規則打包成符合生產環境部署的前端資源vue-router:SPA單頁應用必備路由

如何利用vue-cliwebpack搭建vuejs專案

1、安裝node    測試是否安裝成功:node  -v如果出現版本號,就表示成功    2、  安裝cnpm映象注:Node中自帶安裝了npm,故不再安裝安裝命令:npm install -g cnpm--registry=https://registry.npm.tao

vuex在vue-cliwebpack構建的專案中的簡單使用

詳解在vue-cli和webpack構建的腳手架中如何使用Vuex(學習筆記) 其實之前使用vue開發專案的時候,由於資料互動不多,所以一直遲遲未使用vuex,我一般採用event bus進行通訊,但是隨著專案需求不同,覺得有必要揭開vuex的神祕面紗了。(殺

為什麼vue+webpack需要到node如何部署專案到伺服器?

第一部分    之前一直不太理解為什麼要使用vue+webapck,還有在使用了vue-cli之後會用到後臺,即vue-cli自動幫我們安裝了express伺服器,在本地伺服器上執行,因為我們希望可以模擬在真是伺服器上的效果,然而又不可能始終在真實的伺服器上執行,所以在本地伺服器上執行就很重要了。   但

vue-cliwebpack模板專案配置檔案分析

2017-09-11更新:更新到webpack 2.6.1所對應的配置,完善部分程式碼註釋。 由於最近在vue-cli生成的webpack模板專案的基礎上寫一個小東西,開發過程中需要改動到build和config裡面一些相關的配置,所以剛好趁此機會將所

vue-cli+iview做專案相容ie問題

轉自:https://blog.csdn.net/shihailing/article/details/80436914使用vue-cli做專案,一般不會相容ie瀏覽器,究其原因就是瀏覽器對ES6中的promise無法支援,因此需要通過引入babel-polyfill來是我們

vue-cliwebpack打包icon無法正確加載

onf 發現 pan ont 資源 ash ons 大小 mit 今天vue-cli打包完發現加載不出font awesome;路經和奇怪,js,css,img都正確加載; 首先正確加載靜態資源需要將config中的index.js中publicPath:‘./‘; 而fo

vue-cli 利用 webpack 給生產環境和發布環境配置不同的接口地址的三種方法

方法 -1016 開發環境 class 們的 pack json config proc 第一種方法: 在/config/dev.env.js下配置如下 在/config/prod.env.js下配置如下 已經分別設定路徑,接下來就是如何調用的問題了。 原來api文件

vue.js學習02之vue-cli腳手架建立專案環境搭建

從開發環境到釋出 http://www.jianshu.com/p/5ba253651c3b,這更詳細,更適合入門      轉載自 http://blog.csdn.net/gebitan505/article/details/56673302 &nb

基於Vue-cli 快速搭建專案

Vue-cli可以快速幫助我們建立一個專案,這是官方給我們提供的腳手架。下面我說一下vue-cli的使用方法。 一、準備工作   在使用vue-cli時,首先需要安裝nodejs,npm,其次需全域性安裝vue和vue-cli   1、nodejs和npm安裝方法詳見https://www.cnblog

vue-cli 搭建簡單專案

利用 vue-cli 腳手架,作為搭建專案的第一步。 下面利用腳手架先搭建起一個簡單的專案。 安裝 nodejs 1、這個很簡單,直接搜尋,從網上下載 node 下載,直接安裝一路向下。 2、利用命令檢視版本 node -v 3、node 安裝完畢,如果覺得 npm 下載