“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
相关推荐
boooooooom13 小时前
别再用错 ref/reactive!90%程序员踩过的响应式坑,一文根治
javascript·vue.js·面试
德育处主任13 小时前
『NAS』一句话生成网页,在NAS部署UPage
前端·javascript·aigc
张元清13 小时前
Astro 6.0:被 Cloudflare 收购两个月后,这个"静态框架"要重新定义全栈了
前端·javascript·面试
青青家的小灰灰13 小时前
深入理解 async/await:现代异步编程的终极解决方案
前端·javascript·面试
用户57573033462414 小时前
JavaScript 原型继承全解析:从 call/apply 到寄生组合式继承
javascript
不可能的是14 小时前
彻底搞懂 Module Federation(中中):MF 模块加载(上)
前端·webpack
willow14 小时前
Webpack5基础与高级配置
webpack·性能优化
不可能的是14 小时前
彻底搞懂 Module Federation(中下):MF 模块加载(下)
前端·webpack
wuhen_n15 小时前
动态组件与 keep-alive:如何优化页面切换体验与性能?
前端·javascript·vue.js
wuhen_n15 小时前
插槽的作用域与分发:如何让组件更灵活、可定制?
前端·javascript·vue.js