Vue项目部署到IIS后刷新报错404的问题及解决方法
这里需要用到URL重写工具 --URL Rewrite(默认没有,需要自己下载安装)
如果IIS上默认有安装Web平台安装程序，我们可以使用平台自动安装URL Rewrite重写工具，打开IIS在管理器主页中找到管理项，打开Web平台安装程序，如下图：
搜索url---找到url重写工具进行添加--安装(我的这个已安装)
安装完成之后就可以在主页找到url重写了
对当前项目进行url重写---添加规则--空白规则
进行规则编辑
完成后.点击右侧 应用--返回规则
再次浏览可以刷新了
总结：
1.根本原因：vue-router 使用 hash 模式：使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。
2.解决办法：利用IIS管理器的 URL 重写功能，当 URL 改变时，自动切换到指定路径，重新加载。
3.URL重写功能可以自己下载安装包进行安装，也可以通过 Web 平台安装程序安装。
4.在文件夹下添加 web.config 配置文件和上述方法本质上是一样的，因为 URL 重写功能就是帮助我们构建 web.config 文件的。
5.进行了上述两种方法之后，页面刷新依旧 404 ，可以尝试在 IIS 管理器里点击网站下的文件夹，右键刷新，并重启服务器，一次不行就试两次。
本来想自己写个备忘，发现有这么多文章直接转载了。
转载至：https://blog.csdn.net/bDreamer/article/details/121290482?spm=1001.2014.3001.5502
https://www.cnblogs.com/zhoushuang0426/p/11350297.html
到此这篇关于Vue项目部署到IIS后，刷新报错404的文章就介绍到这了,更多相关vue部署后刷新404内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
今天小编就为大家分享一篇vue项目打包部署_nginx代理访问方法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue3中如何使用iframe嵌入vue2页面问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
vue项目实现路由跳转到新页面,返回旧页面,保留之前的数据记录(操作代码)
这篇文章主要介绍了vue项目实现路由跳转到新页面，返回旧页面，保留之前的数据记录,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-09-09
这篇文章主要介绍了vue3实现v-model原理详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
Vue 2 如何添加 register-service-worker 实现缓存请求的问题
这篇文章主要介绍了Vue 2 如何添加 register-service-worker 以实现缓存请求的目的,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-11-11
Vue 使用 ElementUi el-upload 手动上传文件限制上传文件类型大小同名等进行限制
个人在做文件上传功能的时候,踩过不少的坑,特在此记录下,本文介绍Vue使用 ElementUi el-upload 手动上传文件限制上传文件类型大小同名等进行限制问题,感兴趣的朋友一起看看吧2024-02-02
这篇文章主要介绍了Vue简单实现原理,结合实例形式详细分析了Vue实现原理与操作注意事项,需要的朋友可以参考下2020-05-05
本文深入分析了副作用的实现以及执行时机，并详细分析了用于存储副作用函数的targetMap的数据结构及其实现原理，还深入分析了依赖收集track函数以及派发更新 trigger 函数的实现,需要的朋友可以参考下2022-08-08
vue3 Error:Unknown variable dynamic import: ../views/的解
这篇文章主要给大家介绍了关于vue3 Error:Unknown variable dynamic import: ../views/的解决方案,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了vue之项目中如何封装loading加载效果，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
最新评论