在Vue项目中,可以通过配置axios(或者其他HTTP请求库)来实现不同接口使用不同域名的接口。可以按照以下步骤进行:
- 安装axios:如果还没有安装axios,可以通过npm或者yarn来安装。
npm install axios
或者
yarn add axios
- 创建axios实例:在Vue项目中,可以创建多个axios实例,每个实例可以配置不同的默认域名。
// 创建一个axios实例
import axios from 'axios';const instance1 = axios.create({baseURL: 'http://example1.com/api/'
});const instance2 = axios.create({baseURL: 'http://example2.com/api/'
});export { instance1, instance2 };
- 使用axios实例:在Vue组件中,根据需要选择合适的axios实例来发送请求。
import { instance1, instance2 } from './axiosInstances';// 使用instance1发送请求
instance1.get('/endpoint1').then(response => {console.log(response.data);}).catch(error => {console.error(error);});// 使用instance2发送请求
instance2.post('/endpoint2', { data: {} }).then(response => {console.log(response.data);}).catch(error => {console.error(error);});
关注微信公众号温暖前端,不定期分享前端知识点和前端资料↓↓↓