通过 IP 访问 Vue 项目

要在手机上测试 vue 项目，发现无法通过 IP 地址访问 PC 上运行的 Vue 项目。

手机要和 PC 在同一个 WiFi 下。

解决方案

修改后，请停止项目后使用 npm run dev重启项目。

方式一

修改「project_name/build/webpack.dev.conf.js」中的 const HOST = process.env.HOST 为 const HOST = '192.168.x.xx'

// const HOST = process.env.HOST
const HOST = '192.168.96.53'

方式二

修改「project_name/package.json」中的代码。

前：

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

后：

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

原因

在 Vue 项目搭建 中安装 VUE-CLI 时自动安装了 webpack 此打包工具，推荐阅读：vue-cli can`t be run with ip adrees