vite配置nework访问ip

如果没有进行配置,运行项目之后,看到的访问地址是本地访问地址,其他人同个局域网的人访问不了。
如下:
在这里插入图片描述

如果想要其他人也可以访问,需要设置内网 ip 访问地址,设置方法如下:

一、配置 “ vite.config.ts ” 文件
在项目根目录下的 “ vite.config.ts ” 文件 中,添加 serve 配置 “host: ‘0.0.0.0’ ”,即添加以下代码:

server: {
  host: '0.0.0.0'
},

如图所示:
在这里插入图片描述
配置完重新启动项目即可访问network:

在这里插入图片描述

如果对你有帮助,可以点点赞点关注谢谢!

相关推荐

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

    2023-12-09 17:08:01       12 阅读
  2. Tomcat配置项目直接通过http://ip:port访问

    2023-12-09 17:08:01       38 阅读
  3. 【nginx】nginx通过配置文件阻止海外ip访问

    2023-12-09 17:08:01       14 阅读
  4. nginx单域名配置访问多vue项目(vue3 + vite4)

    2023-12-09 17:08:01       36 阅读
  5. vite配置postcss

    2023-12-09 17:08:01       14 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-09 17:08:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-09 17:08:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-09 17:08:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-09 17:08:01       20 阅读

热门阅读

  1. 四、C#笔记

    2023-12-09 17:08:01       32 阅读
  2. 【自学篇】Python篇-第一天温度转换

    2023-12-09 17:08:01       41 阅读
  3. 力扣98. 验证二叉搜索树

    2023-12-09 17:08:01       36 阅读
  4. 胶囊网络实现手写数字分类

    2023-12-09 17:08:01       37 阅读
  5. git修改commit信息

    2023-12-09 17:08:01       36 阅读
  6. 传世SUN引擎如何安装

    2023-12-09 17:08:01       31 阅读
  7. CoreDNS实战(八)-递归服务器

    2023-12-09 17:08:01       43 阅读
  8. Linux常用命令详解与示例

    2023-12-09 17:08:01       38 阅读