“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
相关推荐
山河木马12 分钟前
GPU自动处理专题4-填充覆盖区域(光栅化)
javascript·webgl·计算机图形学
从零开始的代码生活_16 分钟前
C++ 内存管理:从内存分区到 new/delete 底层原理
开发语言·c++·后端
Linsk16 分钟前
前端开发:如何优雅引入polyfill
webpack·vite·rollup.js
悦儿遥遥雨122 分钟前
PXE + Kickstart 无人值守批量部署系统
linux·javascript·nginx
wabs66627 分钟前
关于单调栈【力扣739.每日温度的思考】
java·开发语言
AOwhisky33 分钟前
Python 学习笔记(第三期)——流程控制核心知识点自测与详解
开发语言·笔记·python·学习·云原生·运维开发·流程控制
清秋1 小时前
全网最全 ECMAScript 攻略( 更新至 ES2026)
前端·javascript·编程语言
Hilaku1 小时前
为什么 AI 写前端时,总是优先选择 React,而不是 Vue?
前端·javascript·程序员
逆向编程2 小时前
Socket异常连接自动清理方案
开发语言
va学弟3 小时前
Java 网络通信编程(10):Channel 和 Selector
java·开发语言