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

使用前

加粗样式

使用后

在这里插入图片描述

解决方案

1.找到build文件夹下的webpack.dev.conf.js文件,更改messages中的内容
在这里插入图片描述

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

这里就可以出现了,如果出现以下无法访问网站问题,不能使用,请继续添加下面步骤
在这里插入图片描述
2.找到设置代理的地方,添加public,写入自己电脑的Ipv4地址

 public:'192.168.x.xx'//ip地址

在这里插入图片描述
3.在package.json中的script的dev,添加--host 0.0.0.0

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

在这里插入图片描述

重新运行就可以了

相关推荐

  1. 使用Vite创建vue项目运行Network地址不是网络IP?

    2024-04-04 12:04:03       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-04 12:04:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-04 12:04:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-04 12:04:03       82 阅读
  4. Python语言-面向对象

    2024-04-04 12:04:03       91 阅读

热门阅读

  1. C++4.2

    2024-04-04 12:04:03       31 阅读
  2. os模块篇(十二)

    2024-04-04 12:04:03       32 阅读
  3. 5.108 BCC工具之virtiostat.py解读

    2024-04-04 12:04:03       36 阅读
  4. .net 实现的 Webscoket 对象的一些细节和疑问

    2024-04-04 12:04:03       41 阅读
  5. Ideal Holidays

    2024-04-04 12:04:03       38 阅读
  6. Sora文本生成视频(附免费的专属提示词)

    2024-04-04 12:04:03       41 阅读
  7. PyTorch示例——使用Transformer写古诗

    2024-04-04 12:04:03       31 阅读