vue3系列：vite+vue3怎么配置通过ip和端口打开浏览器

目录

1.前言

2.修改前的

3.修改后的

4.效果

5.其他

---

1.前言

想要使用IP+端口号的方式访问页面，结果无法访问

查了些资料，原来是vite.config.js需要加一些配置才能让他通过IP访问，默认的只能localhost:端口号访问

2.修改前的

使用vue3默认创建的vite.config.js配置为

使用npm run dev后，

3.修改后的

想要通过IP：端口号访问，配置文件增加server后

重新执行npm run dev，如下

4.效果

通过访问http://192.168.16.25:6060/

5.其他

server中还可以进行其他配置

port：修改端口号，比如8080被占用，可以修改为6060；

open：设置自动打开浏览器，true自动打开，false不自动打开

希望本文能帮助到您，有其他问题请直接留言！