vue启动本地服务不显示network访问链接
在vue.config.js(或者配置config了的,就在config下的index.js )文件下设置devServer或者dev中的public属性值,需要修改为自己电脑的 IPV4 地址 ,获取IPV4 地址方法,Win + R 打开运行窗口,输入cmd,在命令行输入 ipconfig 回车后会出现一串信息,复制IPV4 地址即可;
module.exports = { configureWebpack: {}, devServer: { // 本地配置 host: 'localhost', public: '此处把复制的IPV4 地址贴过来', port: '8080', open: false // 是否自动打开浏览器 } }
最后在package.json文件中 scripts 下的 dev 或者 serve 后面加上 --host 0.0.0.0 ;
"scripts": { "dev": "node build/dev-server.js --host 0.0.0.0", "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js", "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js", "build:sit-preview": "cross-env NODE_ENV=production env_config=sit npm_config_preview=true npm_config_report=true node build/build.js", "lint": "eslint --ext .js,.vue src" },
再次启动项目即可获得Network 地址且可访问。