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

重新运行就可以了

相关推荐
吴声子夜歌14 分钟前
Nginx应用与运维——Nginx Web服务应用实战(HTTPS安全服务器的搭建)
运维·前端·nginx
liangshanbo121519 分钟前
Monorepo 工程化面试题:如何设计 Web + Node.js 中间层 + Shared + Scripts 的 Monorepo?
前端·node.js
IT_陈寒21 分钟前
Redis集群切换主节点时,服务竟然全员掉线
前端·人工智能·后端
wangbing112527 分钟前
开发指南147-WebSocket-前端
前端·websocket·网络协议
吴声子夜歌28 分钟前
Nginx应用与运维——Nginx Web服务应用实战(伪流媒体服务器的搭建)
运维·前端·nginx
铅笔小新z1 小时前
【stm32】理解弱引用
javascript·stm32·嵌入式硬件
ss2731 小时前
AI全栈实战 | 2.4-01 Node 与前端工程化:前端为什么离不开 Node,它不只是构建工具的宿主
前端
aixingpan1 小时前
aixingpan.cn API开发文档:api_docs_transit接口指南
前端·php
鬓戈1 小时前
Volta:解决 nvm「不能同时存在多个 Node 版本」的痛点
前端
吴声子夜歌1 小时前
Nginx应用与运维——Nginx Web服务应用实战(HTTP增强协议服务器的搭建)
运维·前端·nginx