問題:
1、使用vue-cli生成項目
2、npm install
3、npm run dev,報錯信息如下
解決方法:
經查,發現package.json中dev的腳本變成了"webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js",使用了webpack-dev-server
出現此問題是因為webpack-dev-server啟動時要指定ip,不能直接通過localhost啟動,有多種解決方法
1、在hosts文件中寫localhost和ip的對照
1)點擊 Finder,在頂部菜單欄選擇“前往”-“前往文件夾”,粘入 “/private/etc/” 這個路徑
2)找到 “hosts” 文件,復制一份到桌面。用 Mac OS X 系統自帶的文本編輯器就能編輯 hosts 文件。添加好你要訪問(或者攔截)的網站相關 hosts 信息后保存,拖回 Finder 里的 /private/etc/ 文件夾下即可。拖回去的時候,Mac 會彈出報警說無法移動項目。點擊“認證”按鈕然后輸入電腦密碼即可。
2)找到 “hosts” 文件,復制一份到桌面。用 Mac OS X 系統自帶的文本編輯器就能編輯 hosts 文件。添加好你要訪問(或者攔截)的網站相關 hosts 信息后保存,拖回 Finder 里的 /private/etc/ 文件夾下即可。拖回去的時候,Mac 會彈出報警說無法移動項目。點擊“認證”按鈕然后輸入電腦密碼即可。
配置文件hosts文件內容如下:

2、修改config/index.js下dev配置中的host為ip:127.0.0.1(注意這里不能寫成http://127.0.0.1)仍然會報上述錯誤
3、在package.json的scripts的dev中設置啟動的ip
第二種和第三種方法均為親自事件,均可解決問題