解決 webpack-dev-server 不能使用 IP 訪問

問題描述

webpack 是衆所周知很好用的打包工具，在開發 vue 項目時，vue-cli 就集成了 webpack。
咱們啓一個服務：npm run dev
而後在瀏覽器但是使用 http://localhost:8080 訪問，可是當咱們遇到移動端項目時，須要在手機端訪問，因此要把 localhost 換成本地 IP 地址，例如：http://192.168.x.xx:8080，你會發現移動端沒法使用 IP 訪問。

解決方案

第一種方法：
找到 your-project/build/webpack.dev.conf.js

// const HOST = process.env.HOST
const HOST = '192.168.x.xx:8080'

而後保存，從新啓動一下服務，會發現 PC 地址欄已經變成：
http://192.168.x.xx:8080 了，而後手機試一試，沒問題。

---

第二種方法：
找到 your-project/package.json

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"

在這句話裏面添加參數 --host 0,0,0,0

"dev": "webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js"

而後在 PC 地址欄輸入：http://192.168.x.xx:8080 or localhost or 0.0.0.0 均可以訪問，手機使用 IP 訪問也是沒問題。

---

最後提醒你們，手機能夠訪問的前提是：手機和電腦須要連的同一個 wifi。

---

參考：https://github.com/webpack/we...