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
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值