Evan's blog Evan's blog
首页
关于
  • 分类
  • 标签
  • 归档
  • H5&CSS3
  • JS
  • TS
  • Node
  • Webpack
  • Vue2
  • Vue3
  • 微信小程序
  • Andorid
  • Flutter
推荐
GitHub (opens new window)

conanan

真相只有一个
首页
关于
  • 分类
  • 标签
  • 归档
  • H5&CSS3
  • JS
  • TS
  • Node
  • Webpack
  • Vue2
  • Vue3
  • 微信小程序
  • Andorid
  • Flutter
推荐
GitHub (opens new window)
  • 基础

  • 组件

  • 动画

  • Composition Api

  • 高级语法

    • h 函数 & JSX
    • 自定义指令
    • Teleport
    • 插件
    • nextTick与eventloop
    • historyApiFallback
  • Vue源码

  • VueCLI&Vite

  • VueRouter

  • Vuex

  • 项目

  • Vue3.x
  • 高级语法
xugaoyi
2022-03-24

historyApiFallback

# historyApiFallback

前端路由:

image-20220324225623747

  • historyApiFallback是开发中一个非常常见的属性,它主要的作用是解决SPA页面在路由跳转之后,进行页面刷新时,返回404的错误。

  • boolean值:默认是false。如果设置为true,那么在刷新时,返回404错误时,会自动返回 index.html 的内容;

  • object类型的值,可以配置rewrites属性。可以配置from来匹配路径,决定要跳转到哪一个页面;

  • 事实上devServer中实现historyApiFallback功能是通过connect-history-api-fallback库的。可以查看connect-history-api-fallback (opens new window) 文档

  • Nginx 配置

    image-20220324225333333

编辑 (opens new window)
上次更新: 2022/03/24, 16:45:21
nextTick与eventloop
源码

← nextTick与eventloop 源码→

最近更新
01
重点
04-12
02
搭建项目
04-04
03
TS补充
03-30
更多文章>
Theme by Vdoing | Copyright © 2019-2022 conanan | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式