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 地址且可访问。

posted @ 2024-04-24 18:03  90一代  阅读(127)  评论(0编辑  收藏  举报