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中$nexttick,$set,$forceupdate的区别
本文主要介绍了vue中$nexttick,$set,$forceupdate的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
在现代Web开发中,文件上传是一个常见而重要的需求,无论是在用户上传头像、文档或者其他类型的文件时,良好的用户体验都是至关重要的,在这篇博客中,我们将介绍如何使用Vue.js来实现文件上传功能,同时显示上传进度条,需要的朋友可以参考下2024-11-11
SSE是围绕只读Comet交互推出的API或者模式,SSE 支持短轮询、长轮询和HTTP 流,而且能在断开连接时自动确定何时重新连接,本文重点给大家介绍2023-10-10
Nuxt.js是创建Universal Vue.js应用程序的框架。它的主要范围是UI渲染，同时抽象出客户端/服务器分布。我们的目标是创建一个足够灵活的框架，以便您可以将其用作主项目库或基于Node.js的当前项目。2020-03-03
这篇文章主要介绍了使用VitePress搭建及部署vue组件库文档,本文以element-plus作为示例来搭建一个文档，结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue加载视频流,实现直播功能的过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本篇文章主要介绍了vue input输入框模糊查询的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了vue短信验证性能优化写入localstorage中的方法，解决这个问题需要把时间都写到localstorage里面去，具体解决方法大家参考下本文2018-04-04
这篇文章主要介绍了在线使用iconfont字体图标的简单实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了vue+element模态框中新增模态框和删除功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
最新评论