react项目打包上线nginx配置出现404,405相关问题

1.在本地开发中,react的路由配置里使用BrowerRouter和HashRouter对项目开发都没有影响,但是若打包时使用BrowerRouter,部署到服务器时,因为页面是单页面应用,很少直接去手动刷新,若直接刷新,则会出现405 not allowed,处理办法是:把BrowerRouter改为HashRouter

2.nginx配置反向代理出现404问题:

使用nginx做http反向代理一般都会加相关的前缀,我在网上找了半天都没说出现404的实际解决办法,它出现的问题是没有把路由地址的前缀重写掉。处理示例:

location /apimanage/ {
              rewrite ^/apimanage/(.*)$ /$1 break;
              proxy_pass    http://localhost:8090;
       }

该匹配的意思是匹配到apimanage则停止,就把其前面的地址代理到proxy_pass指向的地址,rewrite是动态重写地址,若没有它,则代理不生效

你可能感兴趣的:(前端笔记)