IIS 服务器部署多个Vue项目，刷新出现404的解决方案

最新推荐文章于 2024-06-07 09:50:23 发布
最新推荐文章于 2024-06-07 09:50:23 发布
阅读量905 收藏 1
点赞数
分类专栏： 服务器配置 文章标签： VUE项目404 IIS服务器Vue项目部署 IIS服务器项目刷新404 服务器Vue项目刷新404 vue项目刷新404
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39453402/article/details/108758716
版权
1.进行URL重写

在这里插入图片描述

2.如果没有URL重写，需要去下载安装

下载所需模块，下载地址：urlrewrite

3.安装后，双击打开，右击添加规则，或者点击右侧“添加规则”

在这里插入图片描述

4.填写名称

在这里插入图片描述

5.填写匹配模式

正则：^((?!(api)).)*$
在这里插入图片描述

6.在条件层，添加不是文件

在这里插入图片描述

7.填写操作

重写url：网站的入口文件
在这里插入图片描述

8.点击窗口右上角的“应用”，就OK啦
灬ManongLai
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
nginx部署多个vue项目的方法示例
10-14
在本文中，我们将深入探讨如何使用Nginx部署多个Vue.js项目。这通常在需要在同一域名下运行多个独立的应用程序时变得必要。我们将通过一个具体的示例来展示配置过程。 首先，我们的目标是在同一个域名下部署两个Vue...
IIS部署vue项目 IIS重写URL
05-06 1248
4, 注意，会在vue站点的根目录里面生成一个web.config的配置文件，发布更新要保留这个配置文件，不然又要重新配置一次。1, 因为VUE页面驱动是靠项目内的路由跳转，要保证每次页面都在根目录下的 /index.html。2, 若是此处不添加规则，访问网站首页可以，但你刷新后或跳转页面就会出现 404 错误。2, 成功配置一次即可理解使用方式. 相当于配置vite.config.js的代理.2). 安装 Application Request Routing，1). 安装URL Rewrite，
IIS部署前端项目刷新报错404
Ricale的博客
07-17 1176
react项目部署在windows服务器上时，使用IIS来部署，部署完成后打开响应ip+port没有报错，在相应页面点击刷新会出现这样的错误。解决办法：在项目根目录的web.config文件中使用下面一段代码即可(如果没有web.config可以手动创建一个)有的文章使用URL重写进行配置相关内容是一样的道理，使用URL重写配置之后也会自动生成相应的web.config。
IIS部署VUE项目的路由相关问题（404）
最新发布
weixin_47673008的博客
06-07 181
主要原因是因为在history模式下，Vue Router会尝试模仿传统的浏览器导航，使用HTML5的history.pushState API来改变URL，而不刷新页面。这意味着URL看起来会更像标准的URL，在这种模式下，当用户直接访问一个路由（如刷新页面或通过URL访问），服务器需要能够处理这个URL并返回index.html，然后由Vue Router根据URL渲染相应的视图。模式，正常部署完会发现刷新页面时会直接404，而且不是自己在路由中配置的404页面，是IIS自带的。
.net6+IIS+vue 处理history路由模式下,刷新出404问题
z475299765的专栏
04-18 1144
IIS url重写 vue+iis+net6 部署. 解决刷新404问题
vue3项目发布IIS服务器后刷新页面报404
weixin_45711931的博客
11-21 502
原因：是因为vue的路由使用了history模式，改为hash模式即可。
VUE History模式下项目在IIS部署刷新后404
04-11 382
【代码】VUE History模式下项目在IIS部署刷新后404。
IIS部署vue项目页面刷新404,url重写问题解决办法
正一品程序员的博客
02-10 522
配置教程
Vue项目打包部署到iis服务器的配置方法
10-16
主要介绍了Vue项目打包部署到iis服务器的配置方法，文中通过代码示例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue项目部署在Spring Boot出现页面空白问题的解决方案
12-02
通过上述步骤，我们可以确保Vue项目在Spring Boot环境中部署时，无论是首次加载还是刷新浏览器，都能正确加载静态资源，避免出现页面空白和404错误。请注意，每个项目的具体配置可能因环境而异，因此在实际操作中，...
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
08-27
总结起来，解决Vue项目在Tomcat上使用History模式刷新报404错误的步骤包括： 1. 在打包后的项目根目录下创建`WEB-INF`文件夹，并在其中创建`web.xml`。 2. 编写`web.xml`，设置404错误重定向到`index.html`。 3. 在...
Vue前端项目部署IIS的实现
10-15
在现代Web开发中，Vue.js是一个非常流行的前端框架，用于构建用户界面。然而，为了让非开发人员能够方便地访问和展示基于...希望这个教程对你在部署Vue项目到IIS的过程中有所帮助，记得持续学习和探索更多Web开发技巧。
VUE3发布到IIS跳转页面报404以及刷新报404解决
langligelangxy的博客
07-28 2082
6、继续往下，操作栏中，重写URL，我这填的完整路径/index.html，网上有的填/，停止处理后续规则，我的勾不勾都可以，网上有的要勾。总结：这些规则，参考了别人的经验，发现并不一定适合自己，所以我是在尝试中成功的，在此做一下记录，如果有人看到，也可以参考多尝试，因为我照搬没有成功，上面的步骤慢慢尝试组合出来的。5、条件要自己展开，一开始没有左侧框里的那2条，在右侧点击添加，只选择红框里的不是文件，然后确定，再点添加，选择不是目录，确定。vue项目如何部署不说了，自行百度，很简单，关键是配置。
IIS 部署 Vue 项目，F5刷新界面报 404
IT_laohu的博客
05-12 2805
在服务器上部署 Vue 项目，通过默认主页进入到其他页面时，如果直接刷新界面会报 404错误。 解决这个问题的话，需要在IIS 中设置 Url 重写规则。具体操作步骤如下： 1、双击打开Url 重写 2、点击右侧添加规则 3、选择 入栈规则中的空白规则 4、填写规则名称，这个自定义。模式内容填写 .* 5、点击 条件 栏右侧箭头，会出现逻辑分组选择框。点击添加 6、添加条件，条件输入：{REQUEST_FILENAME}。添加两个条件。 7、编...
关于nginx+vue,同域名访问多个不同项目，刷新404问题的解决方法
weixin_42522460的博客
09-12 873
同一个域名，通过不同路径 www.xxxx.com，www.xxxx.com/project2，www.xxxx.com/project3的方式来访问到不同项目，也就是我一共是3个项目共用一个域名，其中一个项目是域名直接指向的，不带有其他路径，也就是www.xxxx.com可以直接访问一个项目。这个问题困扰了我两天，按照网络上各种方法，试了又试，都不适合我的这种情况。访问www.xxxx.com，是直接触发location / {} 这个配置项，flag=0，直接访问到项目即可。
Vue部署后刷新页面出现404
Star_Inori的博客
06-28 1482
Vue部署后刷新页面出现404
IIS部署vue项目页面刷新404解决办法
Jonny的博客
06-02 6999
文章目录前言1、安装URL重写工具2、编写入站规则 前言 当我使用vue-cli的方式创建的项目的时候使用webpack进行打包，只有一个index.html入口文件，尝试部署到iis上访问时刷新浏览器会出现404的情况。 下面我来简单的介绍下如何进行解决！ 1、安装URL重写工具 安装URL重写工具需要使用Web平台安装程序；下载地址：https://www.microsoft.com/web/downloads/platform.aspx。 2、编写入站规则 按照如图的方式进行编写入栈规则即可。
IIS报错：HTTP 错误 404.0 - Not Found 您要找的资源已被删除、已更名或暂时不可用。最可能的原因: 指定的目录或文件在 Web 服务器上不存在。 URL 拼写错误。。。。
热门推荐
Amouzy的博客
05-20 2万+
IIS报错如下： 问题描述：在浏览器只能浏览到index.html页面，其他页面皆会出现以上报错。原因可能是因为项目文档将index.html设置为了默认文档。 解决步骤： 打开IIS管理器，找到该项目的以下界面： 双击“默认文档”，进入以下界面； 找到“index.html”,操作右边的“禁用”按钮 然后再在浏览器上刷新页面，即可正常浏览其他页面了。 ......
tomcat部署vue项目Vue Router路径刷新404
05-30
在部署Vue项目到Tomcat上时，如果使用了Vue Router的history模式（即将路由模式设置为history），在页面刷新时会出现404错误，这是因为Tomcat默认使用的是基于Servlet规范的URL匹配模式，而不支持HTML5的history API。为了解决这个问题，需要进行如下配置： 1. 在Vue Router的index.js文件中，将mode设置为"hash"模式，即： ```javascript const router = new VueRouter({ mode: 'hash', // ... }) ``` 2. 在Tomcat的web.xml文件中，添加一个错误页面的配置，即： ```xml <error-page> <error-code>404</error-code> <location>/index.html</location> </error-page> ``` 这样配置之后，当Tomcat服务器返回404错误时，会自动跳转到Vue项目的首页。同时，由于使用了hash模式，URL中会带有#符号，但不会影响到页面的正常访问。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值