方法一：在vue.config.js中添加如下配置
devServer: {
proxy: "遠程服務器地址及埠號",
}
說明：
- 優點：配置簡單，請求資源時直接發給前端（8080）即可，
- 缺點：不能配置多個代理，不能靈活的控制請求是否走代理，
- 作業方式：若按照上述配置代理，當請求了前端不存在的資源時，那么該請求會轉發給服務器（優先匹配前端資源）
方法二：在vue.config.js中添加如下配置
devServer: {
proxy: {
'/api1': { // 匹配所有以'/api1'開頭的請求路徑
target: '遠程服務器地址及埠號', // 一個代理服務器
pathRewrite: {"^/api1": ""}, // 將前綴置為空字串
ws: true, // 默認值為true用于支持websocket
changeOrigin: true // 默認值為true，用于控制請求頭的host值
},
'/api2': { // 匹配所有以'/api2'開頭的請求路徑
target: '遠程服務器地址及埠號', // 一個代理服務器
pathRewrite: {"^/api2": ""}, // 將前綴置為空字串
ws: true, // 默認值為true用于支持websocket
changeOrigin: true // 默認值為true，用于控制請求頭的host值
},
...
}
}
說明：
- 優點：可以配置多個代理，且可以靈活的控制請求是否走代理，
- 缺點：配置略微繁瑣，請求資源時必須添加前綴，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/434442.html
標籤：其他
上一篇：ES6入門
下一篇：Vue編程式路由導航和路由守衛