1. 程式人生 > 其它 >React 設定預設開啟瀏覽器和埠,反向代理跨域

React 設定預設開啟瀏覽器和埠,反向代理跨域

技術標籤:前端react

如果是通過creat-react-app構建的專案,以下操作都是在package.json中設定的

設定預設開啟瀏覽器及埠

需要設定scriptsstart選項

  • 設定預設開啟谷歌瀏覽器
"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
  }
}