打開config/index.js,在proxyTable中添寫如下代碼：
vue-cli2.0
proxyTable: {
'/api': { // "/api" 代理屬性的key值喧半，碰到以"/api"開頭的請(qǐng)求，就知道要進(jìn)行代理青责，可以代理多個(gè)挺据，有多個(gè)代理屬性key
target: 'https://bygx.zzxkeji.cn', //要代理的服務(wù)器地址（按自己需求文檔來定）
secure: true, // 如果是https接口取具，需要配置這個(gè)參數(shù)
// ws: true, //如果要代理 websockets，配置這個(gè)參數(shù)
changeOrigin: true, //是否開啟開啟代理
pathRewrite: {
'^/api': '' //重寫路徑吴菠，匹配以/api為開頭的路徑都變?yōu)榭兆址?
},
// 如果接口路徑為https://bygx.zzxkeji.cn/api/news_list 就不需要重寫路徑者填，因?yàn)榻涌趦?nèi)部有/api這個(gè)key
// /api/news_list==>https://bygx.zzxkeji.cn/api/news_list
// 如果接口路徑為https://bygx.zzxkeji.cn/news_list 使用代理必須手動(dòng)增加key值/api前綴才能代理
// 加入之后成為/api/news_list==>https://bygx.zzxkeji.cn/api/news_list 最后路徑多了一個(gè)/api，所以需要用pathRewrite重寫路徑
// 把'^/api': ''把手動(dòng)加入的/api去掉結(jié)果為https://bygx.zzxkeji.cn/news_list完美
}
}
vue-cli3.0+ 在vue.config.js中
//只能代理一個(gè)地址
proxy: 'https://bygx.zzxkeji.cn', //將任何未知請(qǐng)求 (沒有匹配到靜態(tài)文件的請(qǐng)求) 代理到http://localhost:4000
//可以代理多個(gè)地址
proxy: {
'/api': { // "/api" 代理屬性的key值做葵，碰到以"/api"開頭的請(qǐng)求占哟，就知道要進(jìn)行代理，可以代理多個(gè)酿矢，有多個(gè)代理屬性key
target: 'https://bygx.zzxkeji.cn', //要代理的服務(wù)器地址（按自己需求文檔來定）
secure: true, // 如果是https接口榨乎，需要配置這個(gè)參數(shù)
// ws: true, //如果要代理 websockets，配置這個(gè)參數(shù)
changeOrigin: true, //是否開啟開啟代理
pathRewrite: {
'^/api': '' //重寫路徑瘫筐，匹配以/api為開頭的路徑都變?yōu)榭兆址?
},
// 如果接口路徑為https://bygx.zzxkeji.cn/api/news_list 就不需要重寫路徑蜜暑，因?yàn)榻涌趦?nèi)部有/api這個(gè)key
// /api/news_list==>https://bygx.zzxkeji.cn/api/news_list
// 如果接口路徑為https://bygx.zzxkeji.cn/news_list 使用代理必須手動(dòng)增加key值/api前綴才能代理
// 加入之后成為/api/news_list==>https://bygx.zzxkeji.cn/api/news_list 最后路徑多了一個(gè)/api，所以需要用pathRewrite重寫路徑
// 把'^/api': ''把手動(dòng)加入的/api去掉結(jié)果為https://bygx.zzxkeji.cn/news_list完美
}
}
原文作者：匆匆那年_海策肝，博客主頁：http://www.reibang.com/u/910c0667c515
95后前端漢子肛捍，愛編程、優(yōu)秀、聰明、理性萍恕、沉穩(wěn)泞边、智慧的程序猿一枚。
