Vite内网ip访问，两种配置方式

问题

使用vite运行项目的时候，控制台会只出现127.0.0.1（localhost）本地地址访问项目。不可以通过公司内网ip访问，其他团队成员无法访问，这是因为没有将服务暴露在局域网中:

两种解决方式

方式一：修改vite的配置文件（vite.config.ts）
添加 host: "0.0.0.0"

export default defineConfig({plugins: [vue(), vueJsx()],resolve: {alias: {"@": fileURLToPath(new URL("./src", import.meta.url))},},server: {port: 9999,host: "0.0.0.0"},
});

方式二：修改package.json文件

  "scripts": {"dev": "vite --host 0.0.0.0","build": "vite build","preview": "vite preview"},

结果

采用上面任一方式，就可以通过内网地址访问了：

Vite内网ip访问，两种配置方式相关推荐

centos 内网ip访问mysql数据库
centos 内网ip访问mysql数据库参考博文: CentOS 配置mysql允许远程登录 Centos6.5 双网卡配置一个上外网一个接局域网这个博文仅作参考公司租用景安的服务器,给景安 ...
Java框架篇---spring aop两种配置方式
Java框架篇---spring aop两种配置方式第一种:注解配置AOP 注解配置AOP(使用 AspectJ 类库实现的),大致分为三步: 1. 使用注解@Aspect来定义一个切面,在切面中 ...
SpringBoot的properties和yml两种配置方式, 配置注入参数, 以及配置文件读取失效的问题
SpringBoot支持两种配置方式,一种是properties文件,一种是yml 首先在pom文件中添加依赖: <dependency><groupId>org.spring ...
Vivado IP的两种综合方式：Global 和 Out-Of-Context
在最新的Vivado的版本中,定制IP的时候,会有一个综合方式的选择,如下图所示.可以看到一种叫做"Global",一种叫"Out-Of-Context (OOC)&qu ...
Vivado使用心得（一）Vivado IP的两种综合方式：Global 和 Out-Of-Context
在最新的Vivado的版本中,定制IP的时候,会有一个综合方式的选择,如下图所示.可以看到一种叫做"Global",一种叫"Out-Of-Context (OOC)&q ...
Oracle RAC集群资源的两种配置方式，Admin Managed 和 Policy Manager，以及实验
对于Oracle RAC集群数据库,有两种资源管理方式:Administrator Managed(管理员管理的),Policy Managed(策略管理的) 要理解这两个概念,首先应该了解Serve ...
VMware下Linux虚拟机安装及没有内网ip的三种解决方案
VMware软件下Linux虚拟机安装参考:https://www.cnblogs.com/fu-yong/p/9025299.html CentOS 7.x默认安装好之后是没有自动开启网络连接的,所 ...
第四节：框架前期准备篇之进程外Session的两种配置方式
一. 基本介绍 1. 背景:Asp.Net默认的Session机制是进程内,存储在服务器端内存中,有这么几个缺点: ①:既然存在内存中,空间有限,不能存储大数据量信息,数据量多的话Session会被挤 ...
Linux下IP地址两种修改方式的总结（IP地址、子网掩码、网关、DNS简介）
目录一.IP地址.子网掩码.网关.DNS简介 1.IP地址 2.子网掩码 3.网关 4.DNS 二.Linux下IP地址修改两种方式介绍(Centos7.6) 1.查看IP地址 2.修改配置文件修改 ...

Vite内网ip访问，两种配置方式

问题

两种解决方式

结果

Vite内网ip访问，两种配置方式相关推荐

最新文章

热门文章