单页面应用部署到iis上可以正常打开,刷新就404

在这里插入图片描述

当您遇到Dumi打包的网站部署到IIS上可以正常打开首页,但刷新页面时出现404错误的情况,这通常与以下几个方面有关:

  1. 路由处理

    • Dumi生成的项目通常基于SPA(Single Page Application)架构,使用前端路由来实现无刷新导航。这意味着大部分页面切换是在浏览器层面完成的,而不是向服务器发送新的请求。
    • 当直接访问首页时,服务器返回包含前端应用逻辑的HTML文件以及相关的JS、CSS等资源。然而,当用户在浏览器中手动刷新页面或直接访问某个内部路由(如 /docs/api),IIS可能无法识别这些非根路径的请求,并尝试寻找实际的物理文件,从而导致404错误。
  2. URL重写配置

    • 为了解决SPA应用在刷新或直接访问内部路由时的404问题,需要在IIS中配置URL重写规则,确保所有非静态资源的请求都被重定向回网站的入口HTML文件(通常是index.html)。这样,无论访问哪个路径,浏览器都会加载同一个HTML文件,由前端路由处理器解析URL并呈现对应的视图。
  3. Web.config配置

    • 在Dumi项目的根目录下,通常会有一个web.config文件,其中包含了针对IIS的URL重写规则。确保在部署时这个文件被正确上传至服务器,并且IIS能够识别和应用这些规则。
    • 如果没有提供web.config,或者现有配置不适用于您的环境,您需要手动创建或调整该文件以实现所需的重写逻辑。一个基本的重写规则示例可能如下:
    <configuration><system.webServer><rewrite><rules><rule 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/571653.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

惠海 H6218L 降压芯片 支持宽压24V30V36V48V60V72V120V输入,转3.3V5V12V4A 大电流

降压芯片&#xff08;也称为DC-DC转换器或电压调节器&#xff09;是一种电子设备&#xff0c;用于将较高的输入电压降低到所需的输出电压。根据您提供的信息&#xff0c;这种降压芯片支持多种宽范围输入电压&#xff0c;包括24V、30V、36V、48V、60V、72V和120V&#xff0c;并能…

arduino 2.0以上版本上传项目data目录内文件到ESP8266闪存中

开发测试环境&#xff1a; arduino IDE : 2.3.2 开发板 ESP8266 系统&#xff1a;WINDOWS 10 截止目前&#xff0c;arduino版本为2.3.2&#xff0c;在开发项目的时候&#xff0c;发现一个问题&#xff0c;就是项目目录中data内的文件没有办法和主文件.ino一同上传到ESP8266的f…

无人不识又无人不迷糊的this

关于this this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字&#xff0c;被自动定义在所有函数的作用域中。 为什么要用this 随着开发者的使用模式越来越复杂&#xff0c;显式传递上下文对象会让代码变得越来越混乱&#xff0c;使用this则不会这样。 比如下面…

ARP协议定义及工作原理

ARP的定义 地址解析协议(Address Resolution Protocol&#xff0c;ARP)&#xff1a;ARP协议可以将IPv4地址(一种逻辑地址)转换为各种网络所需的硬件地址(一种物理地址)。换句话说&#xff0c;所谓的地址解析的目标就是发现逻辑地址与物理地址的映射关系。 ARP仅用于IPv4协议&a…

0.96寸OLED屏调试 ----(一)

所需设备&#xff1a; 1、USB 转 SPI I2C 适配器&#xff1b;内附链接 2、0.96寸OLED显示模块&#xff1b; 备注&#xff1a;专业版、升级版都适用&#xff1b; 首先介绍一下OLED显示模块&#xff0c;SSD1306是一款OLED驱动芯片&#xff0c;拥有最大128*64像素支持&#xff…

EtherCAT转RS232网关在风电领域的应用

开疆智能EtherCAT转RS232网关在风电领域的应用主要体现在以下几个方面&#xff1a; 1.数据采集与传输&#xff1a;在风力发电设备中&#xff0c;传感器和执行器的数据采集和传输至关重要。EtherCAT转RS232网关可以将风力发电设备中的RS232通信协议转换为EtherCAT协议&#xff0…

数据结构之二叉树由浅入深(三)

目录 题外话 正题 第一题 第一题思路 第一题代码 第二题 第二题思路 第二题代码 第三题 第三题思路 第三题代码 第四题 第四题思路 第四题代码 第五题 第五题思路 第五题代码 第六题 第六题思路 第六题代码 第七题 第七题思路 第七题代码 第八题 第八题…

Codeup_1132:问题 A: 最长公共子序列

目录 Problem DescriptionInputOutputSample InputSample Output原题链接解题思路代码实现&#xff08;C&#xff09; Problem Description 给你一个序列X和另一个序列Z&#xff0c;当Z中的所有元素都在X中存在&#xff0c;并且在X中的下标顺序是严格递增的&#xff0c;那么就…

视频过大怎么发送到QQ微信?只需3步~

现在不仅仅是QQ&#xff0c;像我们常用的微信等软件&#xff0c;在传输视频时也都是有大小限制的。如果提示无法传输的话&#xff0c;我们可以从压缩视频来入手&#xff0c;好在现在压缩视频的方法多。可以直接借助视频压缩软件&#xff0c;或者利用视频编辑软件调整视频相关参…

Typora 主题配置

title: Typora主题配置 search: 2024-03-19 tags: “#Typora主题” Typora 主题配置 文章目录 Typora 主题配置Step-1 进入官方主题网站Step-2 选中主题&#xff0c;并点击DownloadStep-3 跳转到 github 网站Step-4 直接下载源码Step-5 解压下载的源码Step-6 找到下载源码中的…

langchin-chatchat部分开发笔记(持续更新)

大模型相关目录 大模型&#xff0c;包括部署微调prompt/Agent应用开发、知识库增强、数据库增强、知识图谱增强、自然语言处理、多模态等大模型应用开发内容 从0起步&#xff0c;扬帆起航。 大模型应用向开发路径及一点个人思考大模型应用开发实用开源项目汇总大模型问答项目…

【LVGL-文件系统移植】

LVGL-文件系统移植 ■ LVGL-文件系统移植■ 示例一&#xff1a;■ 示例二&#xff1a;视频实例■ 综合示例&#xff1a; ■ LVGL-文件系统移植 ■ 示例一&#xff1a; 在这里插入代码片■ 示例二&#xff1a;视频实例 在这里插入代码片■ 综合示例&#xff1a; /***********…