react build 後打包發布總結

2022-06-19 22:36:16 字數 946 閱讀 3039

一,部署在apache  web伺服器上(wamp   |   xammp)

1.後台介面需要做跨域設定

(1)在服務端利用access-control-allow-origin響應頭解決。 

設定access-control-allow-origin:*,允許所有網域名稱的指令碼訪問該資源。 

如果考慮到安全問題,也可以設定access-control-allow-origin:www.build.im  允許特定網域名稱訪問

(2)伺服器做反向**

2.打包檔案單獨放置乙個伺服器

(1)把react  專案  build 打包後 複製build  裡面的檔案到web伺服器的根目錄

( 2 ) 同時需要在web根目錄放置.htaccess檔案,檔案內容為:(當伺服器出現找不到路由時自動回到index.html  路由由react-router 接管)

附備註:

配置好proxy  middlle 中介軟體 也可以實現**。本地fecth( ''api/userinfo", fucntion(){} ); 請求會傳送到      介面上

proxy: ,

}

options +followsymlinks

rewriteengine on

rewritecond % !-d

rewritecond % !-f

rewriterule ^(.*)$ index.html [qsa,pt,l]

二,部署在nginx  web 伺服器上

try_files指令:配置 nginx/nginx.conf 檔案

server 

}

react  build  後的檔案包裡的檔案直接放到  nginx 下的web  目錄 即可通過ip  訪問

react build後直接從瀏覽器開啟

存在兩個問題 一,資源檔案路徑 config paths.js 這裡原來的.pathname 改成.pathname function const servedurl envpublicurl publicurl url.parse publicurl pathname return ensures...

Winform打包發布

檢視程式或動態鏈結庫需要的動態鏈結庫 dumpbin dependentsd test.exe 檢視動態鏈結庫的輸出函式 dumpbin exportsd libmysql.dll 該打包過程在vs2005中,程式是用c 寫的。1.新建安裝和部署 開啟你所寫的專案 在解決方案上右鍵 新增 新建專案。...

React native 打包發布

生成keystore 也可以用as,或者 eclipse 生成 keytool genkey v keystore alias keyalg rsa keysize 拷貝 index.android.bundle 在android main資料夾下新建asset檔案並進入,執行命令 修改gradle...