Vue项目部署到IIS后刷新报错404的问题及解决方法

 更新时间:2022年10月28日 10:25:38   作者:木木彡了一  
这篇文章主要介绍了Vue项目部署到IIS后,刷新报错404,这里需要用到URL重写工具 --URL Rewrite,需要的话需要自己下载安装,本文通过图文并茂的形式给大家介绍的非常详细,需要的朋友可以参考下

这里需要用到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点击按钮实现简单页面的切换

    vue点击按钮实现简单页面的切换

    这篇文章主要为大家详细介绍了vue点击按钮实现简单页面的切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • Vue基于iview table展示图片实现点击放大

    Vue基于iview table展示图片实现点击放大

    这篇文章主要介绍了Vue基于iview table展示图片实现点击放大,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08
  • 基于vue+openlayer实现地图聚合和撒点效果

    基于vue+openlayer实现地图聚合和撒点效果

    Openlayers 是一个模块化、高性能并且功能丰富的WebGIS客户端的JavaScript包,用于显示地图及空间数据,并与之进行交互,具有灵活的扩展机制,本文给大家介绍vue+openlayer实现地图聚合效果和撒点效果,感兴趣的朋友一起看看吧
    2021-09-09
  • 基于ElementUI中Table嵌套实现多选的示例代码

    基于ElementUI中Table嵌套实现多选的示例代码

    这篇文章主要介绍了基于ElementUI中Table嵌套实现多选的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 结合康熙选秀讲解vue虚拟列表实现

    结合康熙选秀讲解vue虚拟列表实现

    这篇文章主要为大家介绍了结合康熙选秀讲解vue虚拟列表的原理使用,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 从零开始封装自己的自定义Vue组件

    从零开始封装自己的自定义Vue组件

    如何封装自己的Vue组件,如何把自己的Vue代码封装成公共组件,今天为大家简单介绍一下如何封装自己的Vue组件
    2018-10-10
  • VUE2.0中Jsonp的使用方法

    VUE2.0中Jsonp的使用方法

    使用JSONP主要是目的通过动态创建Script,动态拼接url,进而抓取数据,实现跨域。这篇文章主要介绍了VUE2.0中Jsonp的使用方法(前端),需要的朋友可以参考下
    2018-05-05
  • ElementUI日期选择器时间选择范围限制的实现

    ElementUI日期选择器时间选择范围限制的实现

    在日常开发中,我们会遇到一些情况,限制日期的范围的选择,本文就详细的介绍了ElementUI日期选择器时间选择范围限制的实现,文中通过示例代码介绍的非常详细,感兴趣的可以了解一下
    2022-04-04
  • 详解Vue3子组件向父组件传递消息

    详解Vue3子组件向父组件传递消息

    这篇文章主要介绍了Vue3子组件向父组件传递消息,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07
  • 如何使用vue开发公众号网页

    如何使用vue开发公众号网页

    因为项目需要,近期做了一个公众号网页开发。在此期间也踩了一些坑,解决这些坑之后,准备对这个项目进行复盘。记录下项目从开发到上线所解决的问题,并对使用vue进行公众号开发的步骤进行一个总结。方便以后有问题进行查阅。希望对你有所帮助
    2021-05-05

最新评论