React 設定預設開啟瀏覽器和埠,反向代理跨域
阿新 • • 發佈:2021-01-10
如果是通過creat-react-app構建的專案,以下操作都是在package.json中設定的
設定預設開啟瀏覽器及埠
需要設定scripts
的start
選項
- 設定預設開啟谷歌瀏覽器
"start": "set BROWSER=chrome&& react-scripts start"
- 設定關閉預設開啟瀏覽器
"start": "set BROWSER=none&& react-scripts start"
- 設定預設開啟埠
"start" : "set PORT=8080&& react-scripts start"
注意: &&之前不能有空格
可以合併使用,如預設不開啟瀏覽器和設定埠
"start": "set BROWSER=none&& set PORT=8080&& react-scripts start"
設定反向代理跨域
需要在package.json
中新增proxy
如果只代理一個域,如下例所示
"proxy": "http://127.0.0.1:8088"
如果有多個域代理,如下例所示
"proxy": {
"/api1": {
"target": "http://127.0.0.1:8088",
"changeOrigin":true
},
"/api2":{
"target":"http://127.0.0.1:8090",
"changeOrigin":true
}
}