编译项目:


npm run build
打包部署在nginx服务器环境下


注:如果使用的 browser 路由模式的话需要配置 服务器伪静态【把所有请求都重定向到index.html上面去就可以了】

官方给出的伪静态配置方法【直接写入nginx配置文件中】


location / {
        # 用于配合 browserHistory使用
        try_files $uri $uri/ /index.html;

        # 如果有资源,建议使用 https + http2,配合按需加载可以获得更好的体验
        # rewrite ^/(.*)$ https://preview.pro.ant.design/$1 permanent;

    }
如果有用宝塔的同学,我这里直接给出在宝塔里面的伪静态的方法【写入宝塔的伪静态规则中】



location / {
	if (!-e $request_filename){
		rewrite  ^(.*)$  /index.html?s=$1  last;   break;
	}
}


然后配置nginx api接口转发

注:

  1. 我这边的api访问url规则是 /server/api/index/getIndexData,/server/api/index/getIndexInfo 这种模式
  2. 你可以根据你自己的规则修改下方相应的 server

官方给出的转发方法:【写入nginx配置中】


location /server/ {
        proxy_pass https://ant-design-pro.netlify.com/;
        proxy_set_header   X-Forwarded-Proto $scheme;
        proxy_set_header   X-Real-IP         $remote_addr;
    }
我自己写的:【写入nginx配置中】



location /server/ {
        # proxy_pass  http://127.0.0.1:3999;   后台服务地址
        proxy_pass  http://api_test.domain.com/;
     }