vue腳手架配置反向代理proxy跨域

摘要: vue-cli實現反向代理跨域

1.如果沒有vue腳手架需先要安裝腳手架

cnpm i @vue/cli -g

2.利用腳手架創建項目

vue create myproject（項目名）

3.創建完項目后，需手動在項目根目錄創建vue.config.js

# vue.config.js
module.exports = {
　　devServer: {
　　　　host: 'localhost',
　　　　port: 8080,
　　　　proxy: {
　　　　　　'/getDiscList': {
　　　　　　　　target: 'https://xxx.com',// 要跨域的域名
　　　　　　　　changeOrigin: true, // 是否開啟跨域
　　　　　　　　pathRewrite: {
　　　　　　　　'^/api': '/api/' // 在請求的時候 凡是/api開頭的地址都可以跨域
　　　　　　　　}
　　　　　　},
　　　　}
　　}
};

　　

4.在請求跨域接口的時候就可以利用本地服務加上要跨域的接口地址即可

 # 例如我的本地服務端口 localhost:8080

axios.get('http://localhost:8080/api/login')