VUE运行项目后,只有local地址,没有network地址(添加nerwork地址)

使用前

使用后

解决方案

1.找到build文件夹下的webpack.dev.conf.js文件,更改messages中的内容

javascript 复制代码
devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
        compilationSuccessInfo: {
          messages: [
            `App running: `,
            `Local:  http://${devWebpackConfig.devServer.host}:${port}`,
            `Network: http://${require('ip').address()}:${port}`,
          ]
        },
      }))

这里就可以出现了,如果出现以下无法访问网站问题,不能使用,请继续添加下面步骤

2.找到设置代理的地方,添加public,写入自己电脑的Ipv4地址

javascript 复制代码
 public:'192.168.x.xx'//ip地址


3.在package.json中的script的dev,添加--host 0.0.0.0

javascript 复制代码
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0 ",
  },

重新运行就可以了

相关推荐
用户1733598075373 分钟前
纯前端实现PDF合并、拆分、压缩:技术方案与踩坑记录
前端
工会代表4 分钟前
frps配置,以linux服务器以及windows客户端进行远程桌面内网穿透为例。
前端
用户713874229005 分钟前
Promise 与 Async Await 深度解析
前端
董董灿是个攻城狮7 分钟前
5分钟入门卷积算法
前端
用户58048170029289 分钟前
我用 MCP 给小程序开发做了个 AI 副驾驶,开源了
前端
雨季mo浅忆10 分钟前
记录利用Cursor快速实现Excel共享编辑
前端·excel
皮皮大人13 分钟前
Vue 3 响应式内核完全解密:reactive & effect 与 Vue 2 Watcher 史诗对决
前端·vue.js
LaughingZhu13 分钟前
Product Hunt 每日热榜 | 2026-05-31
前端·人工智能·经验分享·搜索引擎·chatgpt·html
陆枫Larry14 分钟前
CSS 中「深色 + 不透明度」vs 直接设浅色的区别
前端
Din15 分钟前
使用AI从 27 秒到秒开:一次 Web 首屏加载优化实战
前端