沃梦达 / 编程技术 / 服务器 / 正文

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

本文主要介绍了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刷新页面出现404解决方案(亲测有效)

基础教程推荐