服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

云服务器|WEB服务器|FTP服务器|邮件服务器|虚拟主机|服务器安全|DNS服务器|服务器知识|Nginx|IIS|Tomcat|

服务器之家 - 服务器技术 - Nginx - Nginx解决history模式下页面刷新404问题示例

Nginx解决history模式下页面刷新404问题示例

2022-10-09 16:21是小福呀 Nginx

这篇文章主要为大家介绍了Nginx解决history模式下页面刷新404问题示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

前置知识

  • 单页应用(SPA - single page application)
    只在第一次加载页面时,返回唯一的html页面和它的公共静态资源,后续的页面跳转都不会从服务端拿html文件。(hash和history路由实现浏览器url变化而不刷新页面)
  • hash路由
    例子:www.baidu.com/#/home, 原本hash是用来结合锚点实现页面试图的控制,当#后面的值发生改变时不会重新请求页面,主要通过window的onhashchange方法来实现。
  • history路由
    相比于hash路由,最直观的变化就是路由中没有#,通过调用window.history对象上的一系列方法来实现页面的无刷新跳转(pushState、replaceState)。

history模式下,因为url改变了,此时如果手动刷新页面,浏览器认为是请求一个新的页面(发起新的Http请求),而新的页面是不存在的(后端未配置的话),导致404。

先简述一下在浏览器上输入IP或域名后发生的事情(有点面试题的味道了嗷

延伸 · 阅读

精彩推荐
  • Nginx通过nginx实现方向代理过程图解

    通过nginx实现方向代理过程图解

    这篇文章主要介绍了通过nginx实现方向代理过程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参...

    yaominghui4642020-07-28
  • Nginxubuntu系统中nginx启动脚本

    ubuntu系统中nginx启动脚本

    这篇文章主要介绍了ubuntu系统中nginx启动脚本,可以实现nginx的自启动,需要的朋友可以参考下 ...

    nginx技术网5652019-10-16
  • NginxLinux安装Nginx步骤详解

    Linux安装Nginx步骤详解

    这篇文章主要介绍了Linux安装Nginx步骤,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参...

    闪耀太阳19972021-01-03
  • Nginxnginx+tomcat实现负载均衡,使用redis session共享

    nginx+tomcat实现负载均衡,使用redis session共享

    这篇文章主要介绍了nginx tomcat负载均衡 使用redis session共享,有兴趣的同学可以了解一下。 ...

    程序人生04074802019-11-16
  • Nginx利用njs模块在nginx配置中引入js脚本

    利用njs模块在nginx配置中引入js脚本

    这篇文章主要给大家介绍了关于利用njs模块在nginx配置中引入js脚本的相关资料,通过这个脚本实现一些更复杂的 nginx 配置功能,需要的朋友可以参考下...

    弥广5792022-01-18
  • Nginx如何快速在Linux中安装Nginx详解

    如何快速在Linux中安装Nginx详解

    nginx是一款高性能的HTTP反向代理服务器,支持高并发连接,官方测试Nginx能够支撑5万并发连接,实际生产环境中可以支撑2~4万并发连接数,这篇文章主要给大家介...

    椿尼4012022-01-11
  • NginxNginx应用之Location路由反向代理及重写策略示例

    Nginx应用之Location路由反向代理及重写策略示例

    本篇文章主要介绍了Nginx应用之Location路由反向代理及重写策略示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ...

    技术联盟6022019-12-13
  • NginxNginx定时切割日志实现详解

    Nginx定时切割日志实现详解

    这篇文章主要介绍了Nginx定时切割日志详解,Nginx日志默认情况下写入到一个文件中,为了区分各个域下的日志,我们一般会分开存储。即时这样,文件也会...

    小柒3732019-09-20