vue 部署到 iis 刷新报404

最新推荐文章于 2024-08-12 17:09:58 发布
最新推荐文章于 2024-08-12 17:09:58 发布
阅读量2.8k 收藏 2
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjpdd1023/article/details/108852283
版权
本文分享了在Vue应用部署到IIS服务器后遇到的刷新404错误和数据请求问题。通过安装IIS UrlRewrite并配置web.config文件解决了404问题，但导致请求数据时Cache-Control变为private，不再重新获取数据。通过调整正则表达式，使配置仅对页面链接生效，从而解决了既能正常刷新又不影响数据请求的问题。
摘要由CSDN通过智能技术生成

很纠结是否要写这篇分享，因为vue官网上已经有了解答，但是完全照搬它的内容还有问题，因此决定还是分享一下解决方法：

一：vue刷新报404

问题原因我就不说了，官网已经说了，想了解的看这里：vue刷新报404的原因

二：对于iis的解决方案如下

1：安装 IIS UrlRewrite
2：在你的网站根目录中创建一个 web.config(如果已经存在，就不用创建了) 文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<configuration
最低0.47元/天 解锁文章
差池-BJ
关注
专栏目录
Vue部署后刷新页面出现404
Star_Inori的博客
06-28 1518
Vue部署后刷新页面出现404
IIS部署vue项目404/500问题
最新发布
Xuhai0811的博客
08-15 225
报错：Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.配置vue.config.js或vite.config.js， base为‘./’或‘/’ （具体看是否是根目录）
angular v8 保护署到IIS后刷新404问题解决
yuiku008的专栏
10-10 274
1.微软下载URL Rewrite 2.在部署目录添加web.config文件 <configuration> <system.webServer> <rewrite> <rules> <rule name="Angular Rule Root" stopProcessing="true"> <match url="(.*)" /> <cond.
Vue项目 刷新出现404问题
星浩的博客
08-31 1916
将用于路由的js文件里面的mode值改下就行，例如我的js文件如下图。mode: 'history' 修改为 mode: 'hash'配置文件里，添加如下代码，再刷新就OK了。
vue刷新404
weixin_44092113的博客
04-03 671
1. 问题描述 利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务器端配置nginx。部署完成后，访问首页没问题，从首页里打开二级页面没问题，但是所有的二级页面打开后，再次刷新，就会出现404现象！ 2. 问题原因： 刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。 3. 解决方法： 在nginx配置里添加vue-route的...
Vue部署在IIS上后发布单页面刷新报错提示:404
Bibabu的博客
05-25 5399
写好的系统打包，运行指令:npm run build打包后会生成一个文件名为:dist文件夹,将该文件夹发布至IIS就可以进行访问了,但有的小伙伴会发现,单机每个页面都可以,但是却不能刷新页面，一刷新页面就会报错：404 not found这是因为,我们将文件打包后，与原来开发文件各个路径已经不同了,这是就要看看我们的路由是怎么配置的了,网上有很多方法解决方法一,配置nginx文件:serve...
vue项目部署后刷新页面404的原因和解决方案
为技术而生
03-11 8999
vue项目打包部署上线后发现项目是可以正常运行，但是使用F5或者浏览器的刷新按钮直接变成404页面。 扩展：当项目部署到服务器子文件路径时资源404问题。
vue框架下部署上线后刷新报404问题的解决方案(推荐)
10-17
Vue框架在部署上线后，用户在刷新页面时可能会遇到404错误，这通常是由于Vue应用采用单页应用（SPA）模式，路由处理方式与传统Web应用不同导致的。为了解决这个问题，我们需要对服务器配置进行调整，确保即使URL路径...
VUE3发布到IIS跳转页面报404以及刷新报404解决
langligelangxy的博客
07-28 2173
6、继续往下，操作栏中，重写URL，我这填的完整路径/index.html，网上有的填/，停止处理后续规则，我的勾不勾都可以，网上有的要勾。总结：这些规则，参考了别人的经验，发现并不一定适合自己，所以我是在尝试中成功的，在此做一下记录，如果有人看到，也可以参考多尝试，因为我照搬没有成功，上面的步骤慢慢尝试组合出来的。5、条件要自己展开，一开始没有左侧框里的那2条，在右侧点击添加，只选择红框里的不是文件，然后确定，再点添加，选择不是目录，确定。vue项目如何部署不说了，自行百度，很简单，关键是配置。
单页面应用部署到iis上可以正常打开，刷新就404
逆袭的菜鸟X
03-26 756
综上所述，要解决Dumi打包网站在IIS上刷新出现404的问题，重点在于配置正确的URL重写规则，确保所有非文件或目录的请求都被重定向到。请检查并按照上述步骤进行排查与设置。如果问题依然存在，可能需要进一步检查IIS日志以获取更详细的错误信息，或者检查Dumi生成的。这个规则会检查请求的URL是否对应一个实际存在的文件或目录。如果不是，则将请求重写到网站根目录（这样，即使直接访问内部路由，也能确保加载正确的HTML文件来处理路由。文件是否存在特定于项目的配置需求。
vue打包到iis_【Vue】webpack打包后发布到IIS，刷新找不到
weixin_39877581的博客
12-30 752
将项目打包好放在iis上遇到两个问题，1.直接输入地址 http://192.168.0.106:8089 会跳到 http://192.168.0.106:8089/home。但是刷新后就提示404，直接输入 http://192.168.0.106:8089/home 也是4042.我在config/index下设置代理module.exports = {dev: {// Pathsasset...
IIS部署VUE项目的路由相关问题（404）
weixin_47673008的博客
06-07 275
主要原因是因为在history模式下，Vue Router会尝试模仿传统的浏览器导航，使用HTML5的history.pushState API来改变URL，而不刷新页面。这意味着URL看起来会更像标准的URL，在这种模式下，当用户直接访问一个路由（如刷新页面或通过URL访问），服务器需要能够处理这个URL并返回index.html，然后由Vue Router根据URL渲染相应的视图。模式，正常部署完会发现刷新页面时会直接404，而且不是自己在路由中配置的404页面，是IIS自带的。
vue 接口代理发布到iis上 报404
yu18588861008的博客
06-25 1519
其实就是因为vue的接口代理proxyTable 打包是不会打包到dist 文件当中去的所以发布到iis上就会找到到文件报404 我们只需要在iis服务器上配置反向代理就可以的。首先我们需要安装一下名为ARR的包 这个包是用来我们方向代理的 然后再iis找到URL重写 然后进入找到添加规则 ...
IIS部署vue项目刷新404问题
fankse的博客
07-13 774
注意： 新建文件后得重启下iis配置得web站点。在dist目录下新建web.config文件。
vue项目，页面刷新就404了
一个UI、前端爱好者。
08-12 880
history模式：需要在服务器端配置，确保所有路由都重定向到index.html。hash模式：更简单，不需要服务器端配置，但 URL 中会有。根据你的项目需求和服务器环境选择合适的解决方案。
IIS部署vue项目页面刷新404解决办法
Jonny的博客
06-02 7064
文章目录前言1、安装URL重写工具2、编写入站规则 前言 当我使用vue-cli的方式创建的项目的时候使用webpack进行打包，只有一个index.html入口文件，尝试部署到iis上访问时刷新浏览器会出现404的情况。 下面我来简单的介绍下如何进行解决！ 1、安装URL重写工具 安装URL重写工具需要使用Web平台安装程序；下载地址：https://www.microsoft.com/web/downloads/platform.aspx。 2、编写入站规则 按照如图的方式进行编写入栈规则即可。
IIS部署vue项目页面刷新404,url重写问题解决办法
正一品程序员的博客
02-10 579
配置教程
Vue项目部署后，刷新提示404
云在青天水在瓶
01-06 5842
一、遇到的问题 Vue项目打包部署到线上后，刷新页面会提示404。这是因为网页访问的是静态绝对路径，而服务器上没有该路径。 二、解决方法 方法一： 修改src/router/index.js文件中的mode属性，设置为hash。（这种调整，会使url出现"#"） 方法二： 调整nginx.conf配置文件 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值