vue 开发时手机访问出错

手机访问vue项目，前提条件，若是本地开发，必须保证手机和开发环境在同一局域网内，

然后通过cmd命令窗输入ipconfig查出本机ip，在手机中输入ip加端口号进行访问。

若是满足以上条件，还不行，可参考下面方法：

vue-cli脚手架搭建的vue项目，使用 npm run dev 直接开启项目无法用手机访问。

此时，最简单的方法，可以修改 package.json 中的dev命令，即可

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

整体如下：

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  },

 配置完后，重新输入npm run dev 进行启动项目，即可访问！