“TypeError: utils request jS WEBPACK IMPORTED MODULE O .default is undefined‘报错

写项目时报下列错误,找了半天,结果才发现自己在request.js中少写了一行代码

一定不要少些代码

javascript 复制代码
export default request

request.js完整代码

javascript 复制代码
import axios from 'axios';

//创建一个新的axios对象
const request  = axios.create({
    baseURL:'http://localhost:9988',
    timeout:30000
})

//request拦截器
//可以自请求发送前对请求做一些处理
//比如统一加token,对请求参数统一加密
request.interceptors.request.use(config => {
    config.headers['Content-Type'] = 'application/json;charset=utf-8';
    //let user = localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) :null
    //config.headers['token'] = user ?.token ;//设置请求头

    return config
}, error => {
    console.error('request error:'+ error) //for debug
    return Promise.reject(error)
});

//response拦截器
//可以在接口响应后统一处理结果

request.interceptors.response.use(
    response => {
        let res = response.data;

        //兼容服务端返回的字符串数据
        if (typeof res === 'string') {
            res = res ? JSON.parse(res) : res
        }
        return res;
    },
    error => {
        console.error('response error: ' + error) //for debug
        return Promise.reject(error)
    }
)
export default request
相关推荐
CoderCodingNo4 分钟前
【GESP】C++五级真题(数论考点) luogu-B3871 [GESP202309 五级] 因数分解
开发语言·c++
froginwe1110 分钟前
NumPy 字符串函数
开发语言
汉堡大王952710 分钟前
React组件通信全解:父子、子父、兄弟及跨组件通信
前端·javascript·前端框架
wildlily842715 分钟前
C++ Primer 第5版章节题 第九章
开发语言·c++
特立独行的猫a16 分钟前
c++弱引用指针std::weak_ptr作用详解
开发语言·c++·智能指针·弱指针·weak_ptr
小菱形_25 分钟前
【C#】IEnumerable
开发语言·c#
爱敲点代码的小哥27 分钟前
Directoy文件夹操作对象 、StreamReader和StreamWriter 和BufferedStream
开发语言·c#
这是程序猿30 分钟前
基于java的ssm框架经典电影推荐网站
java·开发语言·spring boot·spring·经典电影推荐网站
Lsx_30 分钟前
案例+图解带你一文读懂Svg、Canvas、Css、Js动画🔥🔥(4k+字)
前端·javascript·canvas
Nan_Shu_61435 分钟前
学习:Java (1)
java·开发语言·学习