React的Api代理和IIS配置

爲了不跨域問題,React的Package.json有個Api代理設置
"proxy": "http://localhost:36000/"node

但這個命令只在本地運行npm start時有效,用npm run build打包發佈到IIS上就無效,爲何會這樣呢,咱們分別看下兩個命令的腳本npm

在start.js內有這樣一段讀取代理設置json

// Load proxy config
const proxySetting = require(paths.appPackageJson).proxy;
const proxyConfig = prepareProxy(proxySetting, paths.appPublic);跨域

但build.js內卻沒有任何地方讀取代理設置
其實Package.json的Proxy只針對npm start使用的node服務器生效,因此發佈到IIS須要在IIS上配置URL Rewrite。服務器

IIS配置URL Rewrite步驟(在IIS配置URL Rewrite須要URL重寫工具,若無則須要安裝)
1.點擊須要配置的網站,雙擊URL重寫打開URL重寫功能
2.點擊右側操做欄中「添加規則」,選擇「入站規則」中的「空白規則」並肯定
3.設置名稱,匹配Url的規則和模式,以及須要的操做(如重寫)。
4.設置完畢點擊右側操做欄中「應用」便可。app

相關文章
相關標籤/搜索