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 {
      #以下省略
    }