## 什么是反向代理
反向代理是指以代理服務器來接受internet上的連接請求,然后將請求轉發給內部網絡上的服務器,并將從服務器上得到的結果返回給internet上請求連接的客戶端,此時代理服務器對外就表現為一個反向代理服務器。
## 為什么要用反向代理
前端與后端接口對接的時候,若只使用完整的api鏈接,或者后端api不做處理的話,會造成跨域。從而無法正常調用到接口。這時候就需要將接口代理到本地以此來消除跨域生成的條件,這樣一來就可以順利調用api了。
## 如何使用反向代理
1. 找到config.js,修改proxy下的配置

2. 第一個"/api"則為反向代理后的前綴
3. target則代表需要反向代理的地址
4. 如圖所示,`http://localhost:8800/token`,代理后會變成`/api/token`。
5. 同時因為pathRewrite的作用,會把/api替換成空,則`http://localhost:8800/api/token`,代理后地址也會變成`/api/token`。
6. 如果需要多個,則只需像下面配置即可
~~~
proxy: {
'/api': {
target: 'http://localhost:8800',
changeOrigin: true,
pathRewrite: { '^/api': '' },
},
'/app': {
target: 'http://localhost:8801',
changeOrigin: true,
pathRewrite: { '^/app': '' },
},
},
~~~