React线上部署问题

1.react npm run build 之后部署上去 发现页面空白
解决方法,把 browserHistory改成hashHistory,如果要使用browserHistory需要服务端配置,
2.react 代理部署之后,发现接口请求404,react在package.json里面,实现了动态代理,如下:"proxy": "http://www.iamcrawler.cn:4000"
本地起来的时候,是可以访问的。
3.使用run build打包后,放到对应目录下,并且配置好nginx映射,nginx映射如下:`server {
listen 3002 ;

# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;

root /react/build;

location / {
  try_files  $uri $uri/ /index.html;
}
error_page 404 /404.html;
    location = /40x.html {
}

error_page 500 502 503 504 /50x.html;
    location = /50x.html {
}

}`
4.但是访问服务器www.iamcrawler.cn:3002的时候,页面可以出来,但是接口抛404找不到路径,是不是我nginx配置的有问题?
解决方法:
nginx里面只配置了静态页面的可以通过3002访问,但是并没有配置接口的映射。
假如接口都是通过/api访问的话,那么nginx里面应该增加下列配置

upstream backend {
    server xxx.xxx.xxx.xxx:4000 // 接口的ip和端口地址
}
server {
    ....
    location /api {
       proxy_pass http://backend
    }
}

你可能感兴趣的:(react)