- 配置多個代理
devServer: {
port: 8082,
hot: true,
proxy: {
// 第一個代理配置
'/api/*': {
target: 'http://xxx.xxx.xx.xx:xxxx/api/',
pathRewrite: {'^/api' : ''},
changeOrigin: true
},
// 第二個代理配置
'/apisencod/*': {
target: 'http://xxx.xxx.xx.xx:xxxx/apisencod/',
pathRewrite: {'^/apisencod' : ''},
changeOrigin: true
}
}
},
- 設定多個對應的axios，在 api.js 檔案中進行設定
import axios from 'axios';
axios.defaults.timeout = 50000;
// 第一個代理基礎路徑配置
axios.defaults.baseURL = '/api/xxxx/';
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
// 第二個代理基礎路徑配置
export const instance = axios.create({
baseURL:'/apisecond/xxxx/'
});
instance.defaults.timeout = 50000;
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
export default axios;
- 呼叫，可以掛載到 vue 原型上進行呼叫，也可以直接呼叫
// 匯入需要的檔案
import {instance} from '@/api/api.js';
instance.get('xxxx').then(res => {
console.log(res);
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/245701.html
標籤：其他