Vue http proxy是一個可以將請求代理到本地開發服務器的開發工具。它通常在開發環境中使用,為開發人員提供便利,在開發環境中可以快速的進行測試和開發。
在Vue項目的根目錄下創建`vue.config.js`文件,將http-proxy-middleware庫導入,并且配置代理服務器的地址和端口號。如下所示:
const {createProxyMiddleware} = require('http-proxy-middleware');
module.exports = {
devServer: {
//devServer配置,開發環境
open: true,
host: "localhost",
port: "8080",
hotOnly: false,
// 在 /api的請求會被代理到 http://localhost:3000
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
};
在上述代碼中,我們將`/api`路徑的請求代理到本地開發服務器的`http://localhost:3000`地址和端口,同時通過`changeOrigin`選項來處理跨域問題。另外,`pathRewrite`選項也可以進行路徑重寫,將`/api`路徑的請求轉發到代理服務器的根路徑。
最后,運行`npm run serve`命令,即可啟動開發服務器,代理設置生效。在開發中,我們可以將所有與后臺數據相關的請求統一轉發到代理服務器,方便本地調試和開發。
上一篇mysql函數導出
下一篇mysql函數實際應用