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 @   90一代  阅读(348)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示