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

最新推荐文章于 2024-06-16 01:08:56 发布
最新推荐文章于 2024-06-16 01:08:56 发布
阅读量564 收藏 2
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25447009/article/details/113333588
版权

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

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

搜索url---找到url重写工具进行添加--安装(我的这个已安装)

安装完成之后就可以在主页找到url重写了

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

进行规则编辑

 

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

 再次浏览可以刷新了

前端的那些事
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue项目发布到iis后刷新页面404报错最简单的解决办法
qq_43370509的博客
11-28 1147
Vue项目发布到iis后刷新页面404报错最简单的解决办法 在项目根目录添加一个web.config文件，代码如下： <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <remove fileExtension=".woff" /> <mimeMap fileExtension=
vue 部署到 iis 刷新报404
差池
09-28 2812
很纠结是否要写这篇分享，因为vue官网上已经有了解答，但是完全照搬它的内容还有问题，因此决定还是分享一下解决方法： 一：vue刷新报404 问题原因我就不说了，官网已经说了，想了解的看这里：vue刷新报404的原因 二：对于iis的解决方案如下 1：安装 IIS UrlRewrite 2：在你的网站根目录中创建一个 web.config(如果已经存在，就不用创建了) 文件，内容如下： <?xml version="1.0" encoding="UTF-8"?> <configuration
Vue前端项目部署IIS的实现
10-15
主要介绍了Vue前端项目部署IIS的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
windows IIS上部署Vue项目
最新发布
weixin_41934979的博客
06-16 908
IIS上部署Vue项目
Vite+Vue3项目部署到IIS后，刷新报错404，URL重写后仍报错
acheding的博客
11-12 5199
可以尝试在 IIS 管理器里点击网站下的文件夹，右键刷新，并重启服务器，一次不行就试两次。
vue项目部署到iis服务器_vue项目部署到IIS服务器上
weixin_39725756的博客
12-21 452
前端Vue项目需要部署到IIS服务器上:准备工作:1:部署IIS服务器2:项目npm run build打包生成需要部署的文件(dist文件夹)我的是manage文件夹开始部署:1:复制文件把打包好的文件(dist/manage文件夹)拷贝到IIS存放网站文件的目录2:打开IIS服务器,添加网站鼠标右键"网站"，选择添加网站。网站名称：按照用途或者项目起名即可应用程序池：部署前端项目，这个可以忽略...
IIS上部署Vue网站 由于history模式导致刷新页面出现404报错的解决方式
xsw0605的博客
04-16 1606
在IIS上部署Vue网站，网页点击刷新按钮后出现如下图所示的错误； 原因主要是配置文件中Router配置了history模式 解决方式，为IIS安装Url重写工具，并进行相应的配置，安装方式以及配置操作如下； 1、下载Web平台安装程序，这里最后使用的是5.1的版本，下载可以到百度搜索一下，3.0的版本测试的时候无法打开 安装完成后在IIS可看到如下图标 打开后如下图所示...
Windows 下IIS 部署 VUE项目教程
zjl1353911的博客
04-07 5583
本文看完可以实现,在Windows 下IIS部署一个VUE 网站
前后端分离-IIS部署Vue前端项目
热门推荐
by0920的博客
03-07 1万+
背景： 项目采用前后端分离技术，后端主要用springBoot+springCloud等技术，前端采用Vue。部署中遇到了种种问题，尤其是前端部署中，以下是采用IIS部署的详细步骤，以及问题的解决方案，希望能帮助到大家。后端运行步骤在另一篇文章中有记载，查阅：https://blog.csdn.net/by0920/article/details/87911408 首先，编写前端代码，安装no...
Vue项目打包部署到iis服务器的配置方法
10-16
主要介绍了Vue项目打包部署到iis服务器的配置方法，文中通过代码示例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue下history模式刷新后404错误解决方法
10-18
通过以上配置，无论是Apache还是IIS服务器，都能够正确地将对单页应用的任何请求重定向到index.html页面，从而解决了history模式下刷新导致的404错误问题。这样用户在刷新页面时，就能看到SPA的入口页面，而不是...
单页面应用部署到iis上可以正常打开，刷新就404
逆袭的菜鸟X
03-26 734
综上所述，要解决Dumi打包网站在IIS上刷新出现404的问题，重点在于配置正确的URL重写规则，确保所有非文件或目录的请求都被重定向到。请检查并按照上述步骤进行排查与设置。如果问题依然存在，可能需要进一步检查IIS日志以获取更详细的错误信息，或者检查Dumi生成的。这个规则会检查请求的URL是否对应一个实际存在的文件或目录。如果不是，则将请求重写到网站根目录（这样，即使直接访问内部路由，也能确保加载正确的HTML文件来处理路由。文件是否存在特定于项目的配置需求。
netcore vue iis项目 利用url重写 解决 vue-router 刷新页面后路由失效的问题
u013849472的博客
04-13 1376
NetCore Vue-Admin IIS 开发记录参考NetCore Vue IIS 开发流程参考部署流程I. 搭建项目II. 发布项目到指定目录III. 安装IIS的NetCore Hosting RuntimeIV. 安装IIS的Url重写功能（重要）如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
IIS部署vue项目 IIS重写URL
05-06 1462
4, 注意，会在vue站点的根目录里面生成一个web.config的配置文件，发布更新要保留这个配置文件，不然又要重新配置一次。1, 因为VUE页面驱动是靠项目内的路由跳转，要保证每次页面都在根目录下的 /index.html。2, 若是此处不添加规则，访问网站首页可以，但你刷新后或跳转页面就会出现 404 错误。2, 成功配置一次即可理解使用方式. 相当于配置vite.config.js的代理.2). 安装 Application Request Routing，1). 安装URL Rewrite，
URL重写处理404错误的方法（转载）
紫龙Blog
02-21 3646
 1：asp.net1.1中重写中可删节的问题！！！如以下的正则表达式：            ~/(/d{4})/(/d{2})/.html---------      ~/(/d{4})/(/d{2})/--------------      ~/(/d{4})/(/d{2})-----------      ~/(/d{4})/(/d{2})/index.html----   
vue 接口代理发布到iis上 报404
yu18588861008的博客
06-25 1517
其实就是因为vue的接口代理proxyTable 打包是不会打包到dist 文件当中去的所以发布到iis上就会找到到文件报404 我们只需要在iis服务器上配置反向代理就可以的。首先我们需要安装一下名为ARR的包 这个包是用来我们方向代理的 然后再iis找到URL重写 然后进入找到添加规则 ...
IIS反向代理 URL重写 404或500 错误问题的解决方案
qq_26298771的博客
04-26 7322
# -仅支持IIS7及以上版本（官方是这么说的，我一直用的IIS6，也没啥问题，有兴趣的人可以去研究下） 先安装环境，把网站配置好，官网或者IIS商店里可以安装【ARR】和【URL重写】功能，安装完记得重启电脑下，ARR可能不生效 2.【ARR】配置 URL重写，我现在想让web1展示web2页面的数据，则需要配置web1的【url重写】，让我在访问web1时，通过配置可以访问到web...
IIS部署.NET+Vue项目：解决常见问题
"该文档主要讲述了如何在IIS上部署一个结合了.NET框架和Vue.js前端的项目，以及解决部署过程中可能遇到的问题。" 在部署.NET+Vue项目到IIS的过程中，有几个关键步骤和注意事项： 1. 运行环境：确保你的服务器配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值