Vite+Vue3项目部署到IIS后,刷新报错404,URL重写后仍报错

博客介绍了Vue项目在使用vue-router的hash模式时,遇到页面刷新404的解决方法。通过IIS的URL重写功能,配置web.config文件,以及可能需要的服务器重启,可以解决这个问题。此方法适用于前端开发中Vue项目部署到IIS服务器的场景。
摘要由CSDN通过智能技术生成

1.根本原因:vue-router 使用 hash 模式:使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。

2.解决办法:利用 IIS 管理器的 URL 重写功能,当 URL 改变时,自动切换到指定路径,重新加载。这个网上的教程很多,比如:IIS部署vue项目页面刷新404,url重写问题解决办法 - 孤单玻璃杯 - 博客园

3.URL 重写功能可以自己下载安装包进行安装,也可以通过 Web 平台安装程序安装。

4.在文件夹下添加 web.config 配置文件和上述方法本质上是一样的,因为 URL 重写功能就是帮助我们构建 web.config 文件的。

5.进行了上述两种方法之后,页面刷新依旧 404 ,可以尝试在 IIS 管理器里点击网站下的文件夹,右键刷新,并重启服务器,一次不行就试两次。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值