vue2.X版本vue-cli生成項目后運行失敗,報錯信息為getaddrinfo ENOTFOUND localhost


問題:

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 會彈出報警說無法移動項目。點擊“認證”按鈕然后輸入電腦密碼即可。
  配置文件hosts文件內容如下:
  

 

2、修改config/index.js下dev配置中的host為ip:127.0.0.1(注意這里不能寫成http://127.0.0.1)仍然會報上述錯誤

 

3、在package.json的scripts的dev中設置啟動的ip

第二種和第三種方法均為親自事件,均可解決問題 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM