龙空技术网

让vite创建的vue前端开发项目在局域网中可以访问

Jad宋 488

前言:

现时大家对“内网使用vue”大概比较看重,你们都想要剖析一些“内网使用vue”的相关内容。那么小编同时在网摘上收集了一些有关“内网使用vue””的相关资讯,希望姐妹们能喜欢,各位老铁们快快来学习一下吧!

在做vue3前端开发项目时,经常会用到vite这个工具(至于vite是什么,这里就不再介绍了,有兴趣的同学可以自行上网查阅),例如当完成一个功能模块,想用其他设备测试效果时,这时候就需要让项目在局域网中可以访问,直接启动dev服务会看到 Network 这一行并没有出现链接,而是出现图中的提示

提示

提示意思是:使用 '--host' 呈现出去。这时很多人肯定会尝试用 dev --host 再次启动服务发现依然没有变化。根本原因是 '--host' 添加的地方不对,应该打开项目目录中 package.json 文件,找到 "dev":"vite" 进行添加:

已添加 --host

还有另一个方法,配置项目目录中 vite.config 文件,在文件中添加 server 配置项:

已添加server配置项

两种方法任选一种,最后重启服务,就能在 Network 对应的一行出现链接

出现链接

局域网中其他设备通过这个链接就可以访问到项目了。

标签: #内网使用vue