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 ",
  },

重新运行就可以了

相关推荐
麒qiqi5 小时前
【Linux 系统编程】文件 IO 与 Makefile 核心实战:从系统调用到工程编译
java·前端·spring
IT_陈寒5 小时前
Vue3 性能优化实战:从10秒到1秒的5个关键技巧,让你的应用飞起来!
前端·人工智能·后端
gambool5 小时前
新版chrome Edge浏览器不再支持手动添加cookie
前端·chrome·edge
JIngJaneIL5 小时前
基于Java酒店管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
一只爱吃糖的小羊5 小时前
React 避坑指南:“闭包陷阱“
前端·javascript·react.js
web前端进阶者5 小时前
electron-vite报错Unexpected end of JSON input
javascript·electron·json
weixin_446260855 小时前
八、微调后模型使用及效果验证-1
前端·人工智能·chrome·微调模型
by__csdn5 小时前
大前端:定义、演进与实践全景解析
前端·javascript·vue.js·react.js·typescript·ecmascript·动画
带刺的坐椅6 小时前
Java 低代码平台的“动态引擎”:Liquor
java·javascript·低代码·groovy·liquor
JS_GGbond6 小时前
前端工具链:从“厨房设备”到“开箱即用”的轻松之旅
前端