Vite项目如何配置才能实现通过IP端口访问本地开发服务？
- 内容介绍
- 文章标签
- 相关推荐
本文共计294个文字，预计阅读时间需要2分钟。
前情：最近想新开一个项目，技术栈自己安排，就是想用到vue3+vite来搞，体验一把新技术栈+vitest开发体验极致，但在项目完成时，想通过本地服务提前发版给产品确认UI。
前情最近要新开一个项目，技术栈由自己安排，于是就想到使用vue3+vite来做，体验一把新技术栈
坑位vite开发体验极佳，但是在项目完成的时候，想通过本地服务提前发给产品确认UI、交互等细节的时候，发现通过本机IP无法访问当前开发服务，但是localhost是可以访问的
Why?使用vite运行项目的时候，控制台会只出现了localhost的方式访问项目，这应该是没有将服务暴露在局域网中
方式一：修改vite的server项的配置，增加host: ‘0,0,0,0’
方式二：修改package.json文件的npm scripts项，通过脚本命令传参
按以上二种方式之一修改后再启动项目，可以看到控制台已打印出本地ip访问的 址，就这样通过ip也能访问本地服务了。
本文共计294个文字，预计阅读时间需要2分钟。
前情：最近想新开一个项目，技术栈自己安排，就是想用到vue3+vite来搞，体验一把新技术栈+vitest开发体验极致，但在项目完成时，想通过本地服务提前发版给产品确认UI。
前情最近要新开一个项目，技术栈由自己安排，于是就想到使用vue3+vite来做，体验一把新技术栈
坑位vite开发体验极佳，但是在项目完成的时候，想通过本地服务提前发给产品确认UI、交互等细节的时候，发现通过本机IP无法访问当前开发服务，但是localhost是可以访问的
Why?使用vite运行项目的时候，控制台会只出现了localhost的方式访问项目，这应该是没有将服务暴露在局域网中
方式一：修改vite的server项的配置，增加host: ‘0,0,0,0’
方式二：修改package.json文件的npm scripts项，通过脚本命令传参
按以上二种方式之一修改后再启动项目，可以看到控制台已打印出本地ip访问的 址，就这样通过ip也能访问本地服务了。