IIS部署前端单页应用

最新推荐文章于 2024-02-27 21:15:16 发布
最新推荐文章于 2024-02-27 21:15:16 发布
阅读量436 收藏 1
点赞数
分类专栏： C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_33720460/article/details/117659737
版权
当IIS遇到单页应用时，由于路径问题可能导致404错误。为了解决这个问题，可以使用URLRewrite模块将所有请求重定向到根目录的index.html。首先安装URLRewrite，重启电脑后，在IIS网站设置中添加新的URLRewrite规则，选择空白规则，并简单配置，确保所有访问路径都被转发到根目录，从而避免404错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

IIS默认会根据路径去找对应的HTML文件，而单页应用只有一个index.html，所以会爆404错误。

我们要做的就是将所有的访问路径全部转发到根目录。这就需要用到URL Rewrite。

安装完成后重启电脑，在网站页面里会多出一个选项

打开然后点击添加规则，空白规则，

最简单的填法

单页面应用部署到iis上可以正常打开，刷新就404
逆袭的菜鸟X
03-26 1082
综上所述，要解决Dumi打包网站在IIS上刷新出现404的问题，重点在于配置正确的URL重写规则，确保所有非文件或目录的请求都被重定向到。请检查并按照上述步骤进行排查与设置。如果问题依然存在，可能需要进一步检查IIS日志以获取更详细的错误信息，或者检查Dumi生成的。这个规则会检查请求的URL是否对应一个实际存在的文件或目录。如果不是，则将请求重写到网站根目录（这样，即使直接访问内部路由，也能确保加载正确的HTML文件来处理路由。文件是否存在特定于项目的配置需求。
部署前端项目的几种方案并探讨优缺点
haonanhai1688的专栏
10-19 5342
前端部署作为大前端的知识体系的一部分，是不可或缺的。如果作为软件开发工程师的你开发了一个网站，却不会部署上线，还有请别人帮忙，那知识面确实要扩充下了。而且作为一名前端开发，避免不了与运维部署的同事调试部署流程，如果自己能知道一点前端部署的知识，那合作起来将事半功倍， 本文不会讲很复杂的项目运维配置，点到为止，既能让你快速了解部署的整个流程，又能让你能够毫不费力地部署自己的网站。作为一名前端，一定要知道自己工作内容的上下游是如何流转的,并且掌握一整套的软件开发流程。 前端部署的方式大致有三种， 使用Ng
IIS上配置单页面404
weixin_30660027的博客
09-14 202
问题 因为我们的应用是单页客户端应用，当用户在浏览器直接访问http://www.xxx.com/user时，刷新页面的时候，会返回404错误。 问题原因 服务端URL匹配不到相应的路由资源 解决方案 1. 下载和安装URL Rewrite 百度：URL Rewrite msdn （https://www.iis.net/downloads/microsoft/url-rewrite）2...
在IIS服务器上，部署vue打包的单页面应用
weixin_30377461的博客
06-18 269
在IIS上面部署VUE项目文件后，访问地址链接，进入到非 / 路由后，刷新当前页面，会出现404找不到。 这是由于服务端URL匹配不到相应的路由资源。 其实，vue-router的官方文档上，已经教给我们解决的办法了。查看官方文档：vue-router 后端配置例子这里，找到IIS教程： 这里需要补充的是，如果你的IIS上面没有安装过 application request routi...
404 单页应用 报错 路由_IIS上配置单页面404
weixin_39560924的博客
12-20 202
问题因为我们的应用是单页客户端应用，当用户在浏览器直接访问http://www.xxx.com/user时，刷新页面的时候，会返回404错误。问题原因服务端URL匹配不到相应的路由资源解决方案1. 下载和安装URL Rewrite 百度：URL Rewrite msdn (https://www.iis.net/downloads/microsoft/url-rewrite)2. 安装完毕后，重新...
IIS部署的H5的单页面跳转的配置
aihou8107的博客
09-01 463
<?xml version="1.0" encoding="UTF-8"?><configuration> <system.webServer> <rewrite> <rules> <rule name="Handle History Mode and custom 404/500" sto...
IIS部署Vue单页应用URL Rewrite
东逝水
09-28 8923
首先介绍一下项目的组织结构。 项目分为三个部分： 1. 微首页 根目录，包括index.html和static目录，独立的Vue项目（路由使用了history的方案，是被微信转发坑的，只能 history，否则#后面的内容直接被截取了，问题微信开发团队） 2. 管理后台 admin目录，独立的Vue项目 3. 用ASP.NET Web API开发的api， api目录upload是上传图片存
win2019下IIS部署反向代理及Rewrite包
04-21
在Vue.js应用部署中，Rewrite模块通常用于处理SPA（单页应用程序）的路由，确保用户能够通过URL直接访问应用的不同页面，而无需服务器实际存在对应的物理文件。 **部署步骤**： 1. **安装Rewrite模块**：首先，...
Vue项目打包部署到iis服务器的配置方法
10-16
在将Vue项目部署到IIS服务器上时，会遇到一些配置问题，尤其是单页应用（SPA）特有的路由问题。因为Vue项目通常使用前端路由（vue-router），所以需要通过URL重写（URL rewrite）的方式，使得在访问不同路由地址时，...
IIS配置 URLRewrite vue单页应用程序（history模式）
gdjychbsh的博客
07-02 1373
学习目标： 提示：这里可以添加学习目标 例如：一周掌握 Java 入门知识 学习内容： 提示：这里可以添加要学的内容 例如： 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间： 提示：这里可以添加计划学习的时间 例如： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出： 提示：这里统计学习计划的总量 例如： 1、 技术笔记 2 遍 2、优快云 技术博客 3 篇
IIS发布.net网站(配置Nginx以及HTTP和HTTPS)
李赛男
02-27 3160
发布.NET网站并配置IIS、Nginx以及HTTP和HTTPS是一项常见的任务，本文详细讲解了配置过程以及注意事项
Vue部署在IIS上后发布单页面刷新报错提示:404
Bibabu的博客
05-25 5508
写好的系统打包，运行指令:npm run build打包后会生成一个文件名为:dist文件夹,将该文件夹发布至IIS就可以进行访问了,但有的小伙伴会发现,单机每个页面都可以,但是却不能刷新页面，一刷新页面就会报错：404 not found这是因为,我们将文件打包后，与原来开发文件各个路径已经不同了,这是就要看看我们的路由是怎么配置的了,网上有很多方法解决方法一,配置nginx文件:serve...
【前端】IIS部署前端
qq_42745302的博客
04-06 1458
3.双击“Application Request Routing”，在右侧操作中点击“Proxy”中的“Server Proxy Settings...”，然后将“Enable proxy”打上勾即可。3.找到“internet information services”和“可承载的web核心”，勾选全部，然后点击确定，等待安装。1. 右击“网站”后，点击“添加网站” ，选择打包后的web应用，更据需要配置端口号。4. 安装完成后，在任务栏搜素“IIS”打开。)，下载完成后如下。
IIS如何重写rewrite域名某前缀开头访问到指定目录
tuine's blog
04-25 1526
IIS rewrite 重写实现域名前缀访问指定到固定物理目录
IIS7.0 Url Rewrite
ld490832353的专栏
09-30 1507
1.  去微软官网下载Url Reqrite Module  2.0安装 ; 2. 关闭然后再打开IIS信息服务（IIS）管理器窗口，就能够看到Url Rewrite模块了  3. 双击Url Rewrite模块，就能看到如下界面进行规格配置 规则也可以直接去web.config文件配置，如下是我配置的一个规则：移动端访问PC端站点的时候直接跳转到移动端站点
在IIS上配置nginx的try_files
懒鬼不能懒的博客
08-11 767
iis么不多说了，后台也是第一次前端的MVVM框架配合开发。因为是.net的所以一直用的也是IIS。没办法，我这小前端也来上前线打仗了。 因为前端在本地的时候有本地的代理所以一直没问题，在服务器上，是访问不到localhost的，在页面访问不到的时候把页面重定向到跟目录就好了。 首先想的是因为是重定向，就往重定向查啊查，捣鼓了半天。成功是成功了，但是因为一开始的思路错误，导致走了很多弯路（自己往自己重定向）。 最后恍然领悟：try_files只是做了一次尝试，可以理解为，定义了一个404的页面。 那么有思路
服务器IIS上部署前端项目
m0_51639558的博客
06-27 1279
服务器IIS上部署前端项目
IIS 静态页面网站搭建
热门推荐
bestself_iot的博客
12-05 2万+
以前在搭建静态页面网站时，百度很多，但几乎都是偏方，没什么实际效果，后来经过询问前辈，终于做出来了。 该流程十分详细，希望如果读者看完本篇文章，觉得有帮助，请点个赞！ 此次为阿里云Windows2008系统 第一步安装IIS（Internet Information Services） 1.打开服务器管理器 2.选择角色，然后点击中右边添加角色 3.按提
iis服务器怎么部署前端项目
最新发布
02-25
### 如何在IIS服务器上部署前端项目 #### 打开并配置 IIS 管理器 为了开始部署过程，需通过服务器管理器访问 Internet 信息服务 (IIS) 管理器。这可以通过点击“工具”下的“IIS 管理器”来实现[^1]。 #### 创建新网站或使用默认站点 对于已有默认站点的情况，可以在 IIS 管理器中的左侧窗格找到“网站”，接着右键单击“Default Web Site”。如果要创建新的独立站点，则应选择新建而非修改默认设置。此操作允许管理员根据需求自定义端口和其他参数。 #### 配置 URL 重写规则 针对 Nuxt.js 或其他 SPA（单页面应用程序），URL 重定向至关重要。可以利用正则表达式的灵活性来匹配所有请求路径，并将其转发到指定的服务地址；例如 `^(.*)` 可用于捕获任意 URI 路径片段，并将这些请求指向特定 IP 和端口号上的服务实例[^2]。 #### 编辑 web.config 文件以支持前端路由 为了让浏览器能够正确解析来自客户端应用内部链接而不返回404错误，需要适当调整 web.config 中的 rewrite rules 设置。具体来说，除了确保不存在实际文件对应于给定 URL 的情况下才执行重定向外，还需特别处理 API 请求以免误触该机制。下面是一个典型的例子： ```xml <configuration> <system.webServer> <rewrite> <rules> <!-- 将非API请求全部导向 index.html --> <rule name="index"> <match url="^((?!(api)).)*$" /> <conditions> <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> </conditions> <action type="Rewrite" url="/index.html" /> </rule> <!-- 特殊情况：如下载功能等 --> <rule name="dl" patternSyntax="Wildcard"> <match url="*dl/*" /> <action type="Rewrite" url="http://example.com/path/{R:2}" /> </rule> </rules> </rewrite> </system.webServer> </configuration> ``` 上述 XML 片段展示了如何为不同类型的请求设定不同的行为模式，从而提高用户体验的同时也保障了系统的正常运作[^3]。 #### 测试部署成果 完成以上步骤之后，记得测试已发布的网页是否能按预期工作。可通过直接访问所设域名或IP地址来进行初步验证，确认各项功能均无异常后再考虑进一步推广上线。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值