自搭建的html服务器访问vue的界面,资源可以加载但是路由无法跳转

本文深入探讨了Vue项目中路由配置的常见问题,特别是在部署到HTML服务器后,如何正确设置路由路径,确保页面能够正常跳转。文章指出,在将vue编译后的index.html放置于服务器根目录时,若页面显示空白,可能是因为路由路径未正确配置为全路径。通过添加index.html至路径或根据项目实际需求调整路径前缀,可以解决此问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

假设我把vue编译后的index.html放在html服务器的根目录下,访问这个html会出现一片空白:
在这里插入图片描述
页面什么都没有,但是资源都能加载:
在这里插入图片描述
很奇怪,后来我觉得是不是路由没跳转,因用webstorm访问项目,路由会变成
在这里插入图片描述
所有我查了一下,原因竟然是路由路径没写全路径,比如之前的路径是
在这里插入图片描述
要改成:
在这里插入图片描述
加上index.html,如果到时候不要index.html的话,要把index.html改成项目名,如果项目没有前缀,而是由后台自动指向index.html的话,path后面就不需要前缀了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

97年的典藏版

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值