首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用axios设置两个baseURL?

axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js环境中发送HTTP请求。它可以用于设置多个baseURL,以便在不同的请求中使用不同的URL。

要设置两个baseURL,可以使用axios的实例化方法来创建两个独立的实例,每个实例都可以有自己的baseURL。以下是使用axios设置两个baseURL的示例代码:

代码语言:txt
复制
// 导入axios库
const axios = require('axios');

// 创建第一个axios实例,设置第一个baseURL
const instance1 = axios.create({
  baseURL: 'https://api.example.com/'
});

// 创建第二个axios实例,设置第二个baseURL
const instance2 = axios.create({
  baseURL: 'https://api.another-example.com/'
});

// 使用第一个baseURL发送请求
instance1.get('/users')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// 使用第二个baseURL发送请求
instance2.get('/products')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中,我们通过axios.create()方法创建了两个独立的axios实例,分别设置了不同的baseURL。然后,我们可以使用这两个实例来发送请求,每个请求将使用对应的baseURL。

这种方式可以让我们在不同的请求中使用不同的baseURL,以满足不同的需求。在实际应用中,你可以根据具体情况创建多个axios实例,并为每个实例设置不同的baseURL。

关于axios的更多用法和详细介绍,你可以参考腾讯云的产品介绍页面:axios - 腾讯云

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Vue回炉重造之三次封装axios

import axios from ‘axios’ // 引入axios import store from ‘…/store/index’ // 引入Vuex import router from ‘…/router’ // 引入vue-router import { Message } from ‘element-ui’ //局部引入UI框架组件 // 环境的切换 if (process.env.NODE_ENV === ‘development’) { axios.defaults.baseURL = ‘https://xxx/’ // 开发环境 } else if (process.env.NODE_ENV === ‘debug’) { axios.defaults.baseURL = ‘’ // 调试环境 } else if (process.env.NODE_ENV === ‘production’) { axios.defaults.baseURL = ‘https://xxx/’ // 生产环境 } axios.defaults.timeout = 10000; // 请求拦截器 axios.interceptors.request.use( config => { if (localStorage.getItem(‘Authorization’)) { config.headers.Authorization = Bearer + " " + localStorage.getItem(‘Authorization’); //查看是否存在token return config; } else if (config.isUpload) { config.headers = { ‘Content-Type’: ‘multipart/form-data’} // 根据参数是否启用form-data方式 return config; } else { config.headers = { ‘Content-Type’: ‘application/json’ } return config; } }, error => { return Promise.error(error) })

03
领券