“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
相关推荐
yexianglunbai7 分钟前
中间件(Middleware)详解:概念、作用与实战
java·开发语言·中间件
叶总没有会9 分钟前
OpenFeign
java·开发语言·springcloud·openfeign
小七在进步10 分钟前
类和对象(四)
java·javascript·ajax
fastjson_12 分钟前
帆软看板 - 问题收集
linux·前端·javascript
用户831348593069826 分钟前
Vue3 v-bind 使用指南,从基础到高阶
前端·javascript·vue.js
geovindu40 分钟前
rust: tree
开发语言·后端·rust
程序员老陆42 分钟前
C++ 继承方式:公有、保护、私有,到底在控制什么
开发语言·c++
用户298698530141 小时前
在 React 中使用 JavaScript 将 HTML 转换为 PDF
javascript·react.js·html
AI备忘录1 小时前
(二十二)华为华三锐捷迈普思科 802.1X 端口认证配置命令(网络准入五厂商对照)
运维·服务器·开发语言·网络·安全·华为
free-elcmacom1 小时前
手撕 memcpy 和 memmove:从字节级拷贝到内存重叠的终极较量
c语言·开发语言·青少年编程·visual studio code·visual studio