在開發(fā)過程中需要在使用dev服務(wù)器時(shí)訪問后端API時(shí)，可以讓dev服務(wù)器將所有API請(qǐng)求代理到實(shí)際的后端顾患。
要配置代理規(guī)則番捂，請(qǐng)?jiān)赾onfig / index.js中編輯dev.proxyTable選項(xiàng)。 Vue的dev服務(wù)器使用http-proxy-middleware進(jìn)行代理江解，可以參考其文檔以獲取詳細(xì)的用法设预。 這是一個(gè)簡單的例子：
// config/index.js
module.exports = {
// ...
dev: {
proxyTable: {
// proxy all requests starting with /api to jsonplaceholder
'/api': {
target: 'http://jsonplaceholder.typicode.com',//這里是你要代理的域名
changeOrigin: true,
pathRewrite: {
'^/api': ' ' //匹配到'/api'，就變成' '
}
}
}
}
}
將設(shè)你原本請(qǐng)求是 localhost:8080/api/posts/1,現(xiàn)在就變成http:/jsonplaceholder.typicode.com/posts/1
