vue如何让其他人访问本地地址

配置后 有一个不好的地方   代码保存后页面不会及时更新

vue.config.js配置   配置完需要重启 

  devServer: {
    host: '0.0.0.0',
    public: '170.168.0.216:1111', //   这个是你自己电脑的地址  端口随便写
    port: 1111,
    open: true,
    overlay: {
      warnings: false,
      errors: false
    }
    // before: require('./mock/mock-server.js')
  },

如果您希望在浏览器的开发者工具中的 Network 标签下看到您的本机地址开头的请求,而不是 localhost 开头的请求,可能需要进行额外的配置。

1. 首先,请确保您的 Vue 应用程序正在运行,并已经按照之前提到的方式将开发服务器的主机地址设置为 `host: '0.0.0.0'`,公共访问地址设置为 `public: 'localhost:1111'`,端口设置为 `port: 1111`。

2. 在您的本地网络中,找到您的 IP 地址。您可以在终端(命令提示符)中运行 `ipconfig`(Windows)或 `ifconfig`(Mac/Linux)命令来获取您的 IP 地址。

3. 打开您的 Vue 项目根目录中的 `vue.config.js` 文件,将 `public` 属性的值修改为您的 IP 地址加上端口号。例如,如果您的 IP 地址是 `192.168.1.100`,则将 `public` 属性设置为 `'192.168.1.100:1111'`。

4. 保存并重新启动您的 Vue 应用程序。

通过以上步骤,您应该能够在浏览器的开发者工具中的 Network 标签下看到以您的本机地址开头的请求。请注意,如果您的网络环境有防火墙或其他网络配置限制,可能会影响其他人访问您的应用程序。确保在安全的网络环境中进行测试和使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值