当前位置: 首页 > news >正文

单页面应用部署到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 

相关文章:

  • 基于深度学习的心律异常分类算法
  • SpringAOP+自定义注解实现限制接口访问频率,利用滑动窗口思想Redis的ZSet(附带整个Demo)
  • Github 2024-03-28 开源项目日报 Top10
  • scala-idea环境搭建及使用
  • 扩展wordpress回收站功能
  • SpringBoot SpringMVC (详解)
  • 《数据结构学习笔记---第三篇》---单链表具体实现
  • 提升JavaScript代码质量的最佳实践
  • 2024最新华为OD机试试题库全 -【幼儿园圆桶的取出顺序】- C卷
  • LNMP架构之mysql数据库实战
  • easyExcel大数据量导出oom
  • [BT]BUUCTF刷题第9天(3.27)
  • 整数的反转
  • 离线数仓(八)【DWD 层开发】
  • 芯片工程系列(5)2.5D 3D封装
  • 【附node操作实例】redis简明入门系列—字符串类型
  • 2017-09-12 前端日报
  • Laravel Mix运行时关于es2015报错解决方案
  • Mysql5.6主从复制
  • Otto开发初探——微服务依赖管理新利器
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • React Transition Group -- Transition 组件
  • tweak 支持第三方库
  • Webpack 4x 之路 ( 四 )
  • 安卓应用性能调试和优化经验分享
  • 成为一名优秀的Developer的书单
  • 关于springcloud Gateway中的限流
  • 基于Vue2全家桶的移动端AppDEMO实现
  • 批量截取pdf文件
  • 算法-图和图算法
  • postgresql行列转换函数
  • ###项目技术发展史
  • #NOIP 2014#Day.2 T3 解方程
  • #我与Java虚拟机的故事#连载08:书读百遍其义自见
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (附源码)php新闻发布平台 毕业设计 141646
  • (转)程序员疫苗:代码注入
  • ****Linux下Mysql的安装和配置
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .NET 5种线程安全集合
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • @private @protected @public
  • @WebService和@WebMethod注解的用法
  • [ 第一章] JavaScript 简史
  • [ABP实战开源项目]---ABP实时服务-通知系统.发布模式
  • [BZOJ 3531][Sdoi2014]旅行(树链剖分+线段树)
  • [C#]C# winform实现imagecaption图像生成描述图文描述生成
  • [C/C++]数据结构 循环队列
  • [C++随笔录] 红黑树
  • [github全教程]github版本控制最全教学------- 大厂找工作面试必备!
  • [JavaWeb学习] tomcat简介、安装及项目部署
  • [Java并发编程实战] 共享对象之可见性
  • [MySQL复制异常]Cannot execute statement: impossible to write to binary log since statement is in row for