IIS部署vue项目页面刷新404,url重写问题解决办法

已于 2024-03-20 15:28:27 修改
阅读量829 收藏 1
点赞数 1
分类专栏： 服务器 文章标签： vue.js
于 2021-10-17 17:18:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40732336/article/details/120813211
版权

这里需要用到URL重写工具 --URL Rewrite(默认没有,需要自己下载安装)

如果IIS上默认有安装Web平台安装程序，我们可以使用平台自动安装URL Rewrite重写工具，打开IIS在管理器主页中找到管理项，打开Web平台安装程序，如下图：

搜索url—找到url重写


在这里插入图片描述

对当前项目进行url重写—添加规则–空白规则

完成后.点击右侧 应用–返回规则

今晚打老虎z
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UrlRewrite 地址映射技术 传说中的 IIS的URL重写
cfhgcvb的博客
01-15 453
UrlRewrite 地址映射技术 传说中的 IIS的URL重写
IIS中URL重写
08-06
NULL 博文链接：https://zzc1684.iteye.com/blog/2088798
.net6+IIS+vue 处理history路由模式下,刷新出404问题
z475299765的专栏
04-18 1123
IIS url重写 vue+iis+net6 部署. 解决刷新404问题
IIS上开启反向代理实现Vue项目接口跨域处理
u012285295的博客
07-23 1539
项目在实际使用过一段时间后，发现通过iis设置的跨域设置不是很稳定，频繁多次访问，会请求失败或者耗时时间比较长，在Vue的项目中调用第三方接口，比如获取定位与逆地址解析等，很影响使用，因此更换了方式，在vue中使用jsonp的方式解决跨域。通常情况下的Vue应用都使用Nginx部署，Nginx有专门的反向代理设置，但若将Vue应用部署在IIS中，针对Vue应用中设置的接口跨域，IIS需要进行反向代理设置。Nginx的反向代理不做介绍，网上有很多，本文主要介绍IIS中设置反向代理。
在Windows服务器上使用IIS时，收到404错误（找不到文件或目录）
最新发布
qq_56673429的博客
05-23 1318
按照以上步骤逐一检查，可以帮助你找出导致404错误的原因，并解决问题。确保文件存在、权限设置正确、IIS配置没有阻止访问、检查日志文件等都是排查问题的有效方法。如果问题仍然存在，请提供更多详细信息以便进一步分析。
UrlRewritingNet.UrlRewriter.dll 重写iis7.5 404错误
feiliboos
09-15 189
使用UrlRewritingNet.UrlRewriter.dll做静态化，在web.config中配置正确，但是访问时却提示404错误。 检查发现站点中缺少htm文件的脚本映射，于是添加*.htm的脚本映射c:\windows\microsoft.net\framework\v2.0.50727\aspnet_isapi.dll，再次访问恢复正常 如果使用的虚拟主机同时服务商又没有做这样的设...
IIS部署vue项目 IIS重写URL
05-06 1186
4, 注意，会在vue站点的根目录里面生成一个web.config的配置文件，发布更新要保留这个配置文件，不然又要重新配置一次。1, 因为VUE页面驱动是靠项目内的路由跳转，要保证每次页面都在根目录下的 /index.html。2, 若是此处不添加规则，访问网站首页可以，但你刷新后或跳转页面就会出现 404 错误。2, 成功配置一次即可理解使用方式. 相当于配置vite.config.js的代理.2). 安装 Application Request Routing，1). 安装URL Rewrite，
解决vue打包项目后刷新404的问题
08-27
然而，当Vue项目被打包后，用户在浏览器中直接访问或刷新非根路由（如`/about`或`/contact`）时，可能会遇到404 Not Found错误。这是因为浏览器向服务器请求的是特定的路径，而服务器无法找到对应的静态资源。为了...
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
08-27
然而，在部署到Tomcat时，由于Vue.js使用了HTML5 History模式，可能会遇到刷新页面时出现404错误的问题。这是因为History模式下，浏览器不再使用传统的URL哈希（#）来处理路由，而是直接使用实际的URL路径。当服务器...
Vue项目部署在Spring Boot出现页面空白问题的解决方案
12-02
通过上述步骤，我们可以确保Vue项目在Spring Boot环境中部署时，无论是首次加载还是刷新浏览器，都能正确加载静态资源，避免出现页面空白和404错误。请注意，每个项目的具体配置可能因环境而异，因此在实际操作中，...
Vue前端项目部署IIS的实现
01-09
背景：最近用vue写了个demo(不涉及调用后台数据)，为了给销售团队更好的给客户讲述产品的一些特点及大体的感官认识。需要将自己做的项目安装到他们的笔记本上面去，作为一个销售人员来说，他不会知道例如vue中的npm run dev/serve等命令，电脑中也没有相应的运行环境，这时候就需要用到windows本身自带的IIS服务，将本地开发的项目放到这个服务器上面去，这样就解决了这个场景的问题。 具体的实施步骤如下(以win10为例) 1、win+r打开cmd命令窗口，输入control打开控制面板，选择程序–>启用或关闭windows功能 2、选中ISS服务，为了不产生一些问题，点击
IIS错误解决方案（IIS部署后404错误解决方案）
06-16
IIS404错误完美解决方案 IIS404错误完美解决方案 IIS404错误完美解决方案 IIS404错误完美解决方案
netcore vue iis项目 利用url重写 解决 vue-router 刷新页面后路由失效的问题
u013849472的博客
04-13 1335
NetCore Vue-Admin IIS 开发记录参考NetCore Vue IIS 开发流程参考部署流程I. 搭建项目II. 发布项目到指定目录III. 安装IIS的NetCore Hosting RuntimeIV. 安装IIS的Url重写功能（重要）如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
URL重写处理404错误的方法（转载）
紫龙Blog
02-21 3627
 1：asp.net1.1中重写中可删节的问题！！！如以下的正则表达式：            ~/(/d{4})/(/d{2})/.html---------      ~/(/d{4})/(/d{2})/--------------      ~/(/d{4})/(/d{2})-----------      ~/(/d{4})/(/d{2})/index.html----   
IIS反向代理 URL重写 404或500 错误问题的解决方案
qq_26298771的博客
04-26 7095
# -仅支持IIS7及以上版本（官方是这么说的，我一直用的IIS6，也没啥问题，有兴趣的人可以去研究下） 先安装环境，把网站配置好，官网或者IIS商店里可以安装【ARR】和【URL重写】功能，安装完记得重启电脑下，ARR可能不生效 2.【ARR】配置 URL重写，我现在想让web1展示web2页面的数据，则需要配置web1的【url重写】，让我在访问web1时，通过配置可以访问到web...
nginx部署vue项目刷新404
07-25
当使用nginx部署vue项目时，刷新页面或访问路由配置页面时可能会出现404错误。这是因为vue项目属于单页面开发，只有一个index.html文件。解决这个问题很简单，只需要将访问重定向到index.html页面，然后由index.html...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值