vue proxy代理

最新推荐文章于 2024-07-25 17:43:13 发布

打伞的鱼1011

最新推荐文章于 2024-07-25 17:43:13 发布

阅读量3.5k

点赞数

分类专栏：小技巧 vue 文章标签： vue proxy

本文链接：https://blog.csdn.net/QQ164881500/article/details/95106493

版权

小技巧同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

第一步：定义接口名(根据后台的接口来的)
const proxyApis = [
‘/home’,
‘/wx’,
‘/open’,
‘/file’,
‘/notify’
];
第二步：用vue proxy代理设置
devServer: {
open: process.platform === ‘darwin’,
host: ‘0.0.0.0’,
port: 8080,
https: false,
hotOnly: true,
overlay: {
warnings: true,
errors: true,
},
proxy: (() => {
const proxyObj = {};
proxyApis.forEach(api => {
proxyObj[api] = {
target: proxyTarget,
changeOrigin: true,
};
});
console.log(’/Proxy/’);
console.table(proxyObj);
console.log(’/*************************************************************/’);
return proxyObj;
})(),
before: (app) => {
app.use(’/__open-in-editor’, openInEditor());
},
},
这样就不需要设置每个接口用个api来处理了