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 地址且可访问。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)