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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Nginx 请求压缩的实现(动态压缩,静态压缩)

    Nginx 请求压缩的实现(动态压缩,静态压缩)

    本文主要介绍了Nginx 请求压缩的实现(动态压缩,静态压缩),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • Nginx配置动态代理后通过curl访问报403问题

    Nginx配置动态代理后通过curl访问报403问题

    本文主要介绍了Nginx配置动态代理后通过curl访问报403问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • Nginx反向代理实现Vue跨域的示例

    Nginx反向代理实现Vue跨域的示例

    本文主要介绍了Nginx反向代理实现Vue跨域的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • Nginx查找访问前10的IP的方法实践

    Nginx查找访问前10的IP的方法实践

    有时候,您可能希望查找访问量最高的 IP 地址,以便进一步分析或采取措施,就来介绍一下Nginx查找访问前10的IP的方法实践,具有一定的参考价值,感兴趣的可以了解一下
    2024-05-05
  • nginx结合keepalived实现高可用的完整步骤

    nginx结合keepalived实现高可用的完整步骤

    这篇文章主要给大家介绍了关于nginx结合keepalived实现高可用的完整步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用nginx具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12
  • nginx if 指令的具体使用

    nginx if 指令的具体使用

    if指令该指令用来支持条件判断,并根据条件判断结果选择不同的Nginx配置,本文主要介绍了nginx if 指令的具体使用,具有一定的参考价值,感兴趣的可以了解一下
    2024-05-05
  • 详解Nginx服务器中配置Sysguard模块预防高负载的方案

    详解Nginx服务器中配置Sysguard模块预防高负载的方案

    这篇文章主要介绍了详解Nginx服务器中配置Sysguard模块预防高负载的方案,该模块由阿里巴巴的团队开发,能够设置负载阀值,比较强大,需要的朋友可以参考下
    2016-01-01
  • 基于Nginx实现灰度发布的详细流程

    基于Nginx实现灰度发布的详细流程

    灰度发布系统的核心是将用户流量分成不同部分,一部分用户使用新版本,而另一部分用户继续使用旧版本,其灰度发布通常是通过 Nginx 实现的,所以本文给大家介绍了基于Nginx实现灰度发布的详细流程,需要的朋友可以参考下
    2024-05-05
  • Node.js站点使用Nginx作反向代理时配置GZip压缩的教程

    Node.js站点使用Nginx作反向代理时配置GZip压缩的教程

    这篇文章主要介绍了Node.js站点使用Nginx作反向代理时配置GZip压缩的教程,文中演示了Node使用Express框架时的HTTP传输压缩配置,需要的朋友可以参考下
    2016-04-04
  • Nginx代理proxy pass配置去除前缀的实现

    Nginx代理proxy pass配置去除前缀的实现

    这篇文章主要介绍了Nginx代理proxy pass配置去除前缀的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10

最新评论