編譯項目：


npm run build
打包部署在nginx服務(wù)器環(huán)境下


注：如果使用的 browser 路由模式的話需要配置 服務(wù)器偽靜態(tài)【把所有請求都重定向到index.html上面去就可以了】

官方給出的偽靜態(tài)配置方法【直接寫入nginx配置文件中】


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

        # 如果有資源，建議使用 https + http2，配合按需加載可以獲得更好的體驗
        # rewrite ^/(.*)$ https://preview.pro.ant.design/$1 permanent;

    }
如果有用寶塔的同學(xué)，我這里直接給出在寶塔里面的偽靜態(tài)的方法【寫入寶塔的偽靜態(tài)規(guī)則中】 



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


然后配置nginx api接口轉(zhuǎn)發(fā)

注：

  1. 我這邊的api訪問url規(guī)則是 /server/api/index/getIndexData,/server/api/index/getIndexInfo 這種模式
  2. 你可以根據(jù)你自己的規(guī)則修改下方相應(yīng)的 server

官方給出的轉(zhuǎn)發(fā)方法：【寫入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;   后臺服務(wù)地址
        proxy_pass  http://api_test.domain.com/;
     }