nginx刷新页面出现404解决方案(亲测有效)


Posted in Servers onMarch 18, 2022

方法一

最为简单的,将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内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Servers 相关文章推荐
Nginx反向代理多个服务器的实现方法
Mar 31 Servers
nginx如何将http访问的网站改成https访问
Mar 31 Servers
Nginx 502 Bad Gateway错误原因及解决方案
Mar 31 Servers
Nginx的反向代理实例详解
Mar 31 Servers
nginx共享内存的机制详解
Mar 21 Servers
Kubernetes关键组件与结构组成介绍
Mar 31 Servers
阿里云ECS云服务器快照的概念以及如何使用
Apr 21 Servers
Ubuntu Server 安装Tomcat并配置systemctl
Apr 28 Servers
nginx实现多geoserver服务的负载均衡
May 15 Servers
聊聊配置 Nginx 访问与错误日志的问题
May 25 Servers
Docker与K8s关系介绍不会Docker也可以使用K8s
Jun 25 Servers
Nginx如何获取自定义请求header头和URL参数详解
Jul 23 Servers
Nginx+Windows搭建域名访问环境的操作方法
Mar 17 #Servers
nginx中封禁ip和允许内网ip访问的实现示例
Mar 17 #Servers
Apache Linkis 中间件架构及快速安装步骤
关于Nginx中虚拟主机的一些冷门知识小结
Mar 03 #Servers
nginx负载功能+nfs服务器功能解析
Apache Pulsar集群搭建部署详细过程
Feb 12 #Servers
详解nginx安装过程并代理下载服务器文件
Feb 12 #Servers
You might like
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
封装ThinkPHP的一个文件上传方法实例
2014/10/31 PHP
php创建桌面快捷方式实现方法
2015/12/31 PHP
修改Laravel5.3中的路由文件与路径
2016/08/10 PHP
laravel unique验证、确认密码confirmed验证以及密码修改验证的方法
2019/10/16 PHP
jQuery 开天辟地入门篇一
2009/12/09 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
2016/03/06 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
微信小程序 解决swiper不显示图片的方法
2017/01/04 Javascript
微信小程序template模板实例详解
2017/10/27 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
2017/11/09 jQuery
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
jQuery 实现扁平式小清新导航
2020/07/07 jQuery
原生js滑动轮播封装
2020/07/31 Javascript
Python文件处理
2016/02/29 Python
ansible作为python模块库使用的方法实例
2017/01/17 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
Python Django 实现简单注册功能过程详解
2019/07/29 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
基于Django OneToOneField和ForeignKey的区别详解
2020/03/30 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
党员干部公开承诺书
2014/03/26 职场文书
开业典礼致辞
2015/07/29 职场文书
php双向队列实例讲解
2021/11/17 PHP