美文网首页
用了react-router刷新404 nginx配置

用了react-router刷新404 nginx配置

作者: 风中的猴子 | 来源:发表于2018-03-16 14:24 被阅读0次

    react项目用了react-router nginx配置如下

    server {  
      server_name xxx.xxxxxxx.com;  
      location / {  
        proxy_pass http://11.11.11.11:1111/; (node服务端口)  
        root html;  
        index index.html index.htm;  
      }
    }
    

    发现只有首页可以访问,在子页面刷新时not found
    这是因为他会根据url去找相应路径下的html
    但是react只有一个index.html入口
    需要改成静态路径并且加一行 try_files $uri /index.html;
    无论uri是否变化
    都返回index.html

     server {  
       server_name xxx.xxxxxx.com;  
       location / {  
         root /xxx/xxx/xxx/www/build;  
         try_files $uri /index.html;  
       }  
       location ^~ /api/ {  
         proxy_pass http://11.11.11.11:1111/;(服务端接口做代理)  
       }  
    }   
    

    相关文章

      网友评论

          本文标题:用了react-router刷新404 nginx配置

          本文链接:https://www.haomeiwen.com/subject/hsivfftx.html