vue项目手机无法访问电脑ip

前言

启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果。

原因与解决办法

原因
查看config目录下有一个index.js, 找到dev对象的host属性

host: 'localhost', // can be overwritten by process.env.HOST

发现该版本的vue-cli将host主机名定义为localhost, 从而导致了本地IP不能访问服务。

解决办法
方法1.将host重新定义为：0.0.0.0

host: '0.0.0.0'

方法2.查看package.json文件，将scripts下的dev属性增加 --host 0.0.0.0

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

重启服务即可