Vue http proxy是一個(gè)可以將請(qǐng)求代理到本地開(kāi)發(fā)服務(wù)器的開(kāi)發(fā)工具。它通常在開(kāi)發(fā)環(huán)境中使用，為開(kāi)發(fā)人員提供便利，在開(kāi)發(fā)環(huán)境中可以快速的進(jìn)行測(cè)試和開(kāi)發(fā)。

在Vue項(xiàng)目的根目錄下創(chuàng)建`vue.config.js`文件，將http-proxy-middleware庫(kù)導(dǎo)入，并且配置代理服務(wù)器的地址和端口號(hào)。如下所示：

const {createProxyMiddleware} = require('http-proxy-middleware');
module.exports = {
devServer: {
//devServer配置，開(kāi)發(fā)環(huán)境
open: true,
host: "localhost",
port: "8080",
hotOnly: false,
// 在 /api的請(qǐng)求會(huì)被代理到 http://localhost:3000
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
};

在上述代碼中，我們將`/api`路徑的請(qǐng)求代理到本地開(kāi)發(fā)服務(wù)器的`http://localhost:3000`地址和端口，同時(shí)通過(guò)`changeOrigin`選項(xiàng)來(lái)處理跨域問(wèn)題。另外，`pathRewrite`選項(xiàng)也可以進(jìn)行路徑重寫(xiě)，將`/api`路徑的請(qǐng)求轉(zhuǎn)發(fā)到代理服務(wù)器的根路徑。

最后，運(yùn)行`npm run serve`命令，即可啟動(dòng)開(kāi)發(fā)服務(wù)器，代理設(shè)置生效。在開(kāi)發(fā)中，我們可以將所有與后臺(tái)數(shù)據(jù)相關(guān)的請(qǐng)求統(tǒng)一轉(zhuǎn)發(fā)到代理服務(wù)器，方便本地調(diào)試和開(kāi)發(fā)。