前幾天做慕課網練手專案，跨域代理問題怎麼業代理不上，於是查詢了下文件，總結下

• 如果你的前端應用和後端 API 伺服器沒有執行在同一個主機上，你需要在開發環境下將 API 請求代理到 API 伺服器。
• 這個問題可以通過vue.config.js中的devServer.proxy選項來配置。

 1 module.exports = {
 2   devServer: {
 3     host: '0.0.0.0',
 4     port: 8000,
 5     open: true,
 6     overlay: {
 7       warnings: false,
 8       errors: true
 

 9     },
10     proxy: {
11       '/api': {
12         target: 'http://apis.imooc.com',// 要訪問的跨域的域名
13         changeOrigin: true, // //開啟代理：在本地會建立一個虛擬服務端，然後傳送請求的資料，並同時接收請求的資料，這樣客戶端端和服務端進行資料的互動就不會有跨域問題
14         pathRewrite: { //// 思路是如果是開發環境，就給所有要代理的介面統一加上字首，然後代理請求時再統一通過rewrite去掉
15           '^api': ''
16         }
 
17       }
18     }
19   }
20 }

更多詳細配置可以查詢 https://github.com/chimurai/http-proxy-middleware#proxycontext-config

本質就是node伺服器轉發