Vue中请求封装，跨域配置

Shixiaohai0

于 2020-01-15 16:10:17 发布

阅读量843

点赞数

文章标签： proxy ajax

本文链接：https://blog.youkuaiyun.com/Litter_sea/article/details/103991228

版权

本文介绍了如何在Vue项目中进行请求的封装，提供了一种直接可用的封装方案，并详细讲解了如何配置跨域解决开发过程中的AJAX请求问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装好的请求，直接拿走用

import axios from 'axios'
import qs from 'qs'

axios.defaults.timeout = 5000;                        //响应时间
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';        //配置请求头
axios.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';        //配置请求头
axios.defaults.baseURL = '';   //配置接口地址

//POST传参序列化(添加请求拦截器)
axios.interceptors.request.use((config) => {
    //在发送请求之前做某件事
    if(config.method  === 'post'){
        config.data = qs.stringify(config.data);
    }
    return config;
},(error) =>{
    console.log('错误的传参')
    return Promise.reject(error);
});

//PUT传参序列化(添加请求拦截器)
axios.interceptors.request.use((config) => {
    //在发送请求之前做某件事
    if(config.method  === 'put'){
        config.data = qs.stringify(config.da

最低0.47元/天解锁文章