nginx刷新页面出现404解决方案(亲测有效)
更新时间：2022年03月18日 09:34:48 作者：K.P
本文主要介绍了nginx刷新页面出现404解决方案，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
方法一
最为简单的，将router设置为hash模式！！！history模式的路由需要后端配置，hash模式便不需要，不同的框架所需不一样，看对应的文档。
方法二
找到nginx配置代码，进行修改，网上很多都是如下类型的代码
location ^~ /api {
proxy_connect_timeout 600;
proxy_read_timeout 600;
proxy_set_header x-real-ip $remote_addr;
proxy_set_header user-agent $http_user_agent;
proxy_set_header connection "keep-alive";
proxy_pass http://127.0.0.1:3000; # 自己需要端口号
}
但是本人亲身试过，并没啥用，因为这个配置的只是请求头或者超时设置，最重要的却没有加上，如下
#重点 配置根目录的重写设置
location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.html?s=$1 last;
break;
}
}
location ^~ /api {
#以下省略
}到此这篇关于nginx刷新页面出现404解决方案(亲测有效)的文章就介绍到这了,更多相关nginx刷新页面404内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了Linux下nginx编译安装教程和编译参数详解,需要的朋友可以参考下2014-04-04
本文详细介绍了Nginx的缓存配置,包括缓存文件的存储路径、缓存的有效期、哪些请求走缓存、哪些请求不缓存,以及如何删除缓存,同时,还提供了一个综合案例来说明如何配置和使用Nginx缓存2025-03-03
本篇文章主要介绍了详解Nginx反向代理到Tomcat服务器，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
跨域问题在前后端分离项目很常见,至于为什么会跨域,同源策略,百度各种博客都很详细,这里不再介绍,这篇文章主要给大家介绍了关于Nginx解决vue项目服务器部署及跨域访问后端的相关资料,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了详解Nginx如何配置继承模型，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
这篇文章主要介绍了基于Nginx的Mencached缓存配置详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
这篇文章主要介绍了nginx中gzip压缩提升网站速度的实现方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
在高并发场景下,如果客户端与服务器的连接长时间未响应,会占用大量的系统资源,影响其他正常请求的处理效率,为了解决这个问题,可以通过设置 Nginx 的连接超时时间来优化资源管理,提高服务器的稳定性,以下是具体的配置方法和测试步骤,希望对你有所帮助2025-02-02
本文主要介绍了Nginx部署项目上传文件报错413的解决方法,报错413是因为Nginx对上传大小做了限制,所以我们需要配置文件,下面就来解决这个问题,感兴趣的可以了解一下2024-03-03
这篇文章主要介绍了WebApi部署多服务器配置Nginx负载均衡 ，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
最新评论