使用vite搭建项目时,在启动vite后,浏览器显示页面:找不到localhost的网页

当使用vitev5构建Vue3项目时,遇到无法通过localhost访问的问题。解决方法是将index.html从public移到根目录。原因在于vite默认遵循@vue/cli-service的配置,将public中的index.html视为项目根。参考链接提供了详细说明。
摘要由CSDN通过智能技术生成

现象

在使用前端工具vite(版本5),搭建vue3项目时,启动vite,浏览器显示页面:找不到localhost的网页,

起初怀疑是 未加参数 --host='0.0.0.0',导致,后加上该参数后问题依旧

解决

将index.html页面从public移动至根目录(package.json同一级目录下),自此问题解决。

后查询资料得知

原因

在使用@vue/cli-service库时,index.html页面在public文件夹下,就认为vite同样如此

参考

https://vitejs.cn/guide/#index-html-and-project-root

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值