vue.config.js配置了多个跨域,在调用接口的时候怎么使用

在 Vue.js 中，你可以使用 axios 或者 fetch 等工具来调用接口。如果你已经在 `vue.config.js` 中配置了多个跨域，那么在调用接口时，你需要指定使用哪个跨域配置。

以 axios 为例，你可以在创建 axios 实例时，通过 `baseURL` 属性来指定使用哪个跨域。例如，如果你在 `vue.config.js` 中配置了一个名为 `api1` 的跨域，你可以这样创建 axios 实例：

import axios from 'axios';

const instance = axios.create({
  baseURL: '/api1',
});

在实际调用接口时，你可以像下面这样使用 `instance` 来发送请求：

instance.get('/users').then((response) => {
  console.log(response.data);
});

这样，axios 就会使用 `api1` 这个跨域配置来发送请求。

如果你要使用另一个跨域配置，只需创建另一个 axios 实例，并指定 `baseURL` 为另一个跨域的名称即可。例如：

import axios from 'axios';

const instance2 = axios.create({
  baseURL: '/api2',
});

instance2.get('/products').then((response) => {
  console.log(response.data);
});

这样，axios 就会使用 `api2` 这个跨域配置来发送请求。