axios的使用与跨域问题的解决
warning:
这篇文章距离上次修改已过239天,其中的内容可能已经有所变动。
// 引入axios库
const axios = require('axios');
// 创建axios实例,并配置基础URL
const instance = axios.create({
baseURL: 'https://api.example.com'
});
// 请求拦截器:在发送请求前做一些处理
instance.interceptors.request.use(config => {
// 可以在这里添加例如token等请求头
config.headers['Authorization'] = 'Bearer ' + '你的Token';
return config;
}, error => {
return Promise.reject(error);
});
// 响应拦截器:在接收响应后做一些处理
instance.interceptors.response.use(response => {
return response.data;
}, error => {
return Promise.reject(error);
});
// 跨域问题的解决通常是在服务器端进行的,例如在Node.js的Express应用中,可以使用cors中间件
// 假设你正在使用Express
const cors = require('cors');
const app = express();
app.use(cors());
// 发送请求
instance.get('/someEndpoint')
.then(response => {
console.log('请求成功:', response);
})
.catch(error => {
console.error('请求失败:', error);
});
这个代码示例展示了如何使用axios创建一个实例,并配置基础URL。同时,它还演示了如何添加请求拦截器和响应拦截器,以及如何在服务器端使用cors中间件来解决跨域问题。这是一个简化的示例,实际应用中可能需要根据具体情况进行更复杂的配置。
评论已关闭