vue3中模块导出为什么一直报错？

站长

2024年07月04日 08:42 · 阅读数 7

这个是request.js文件

import { baseUrl, apiPath } from '@/config/config';
export default {
    config:{
        baseURL: baseUrl+apiPath,
        // 响应拦截器
        beforeRequest() {
            return new Promise((resolve, reject) => {
                console.log('响应拦截器')
                resolve('123456')
            })
        },
        // 请求拦截器
        handleResponse() {}
    },
    // request 请求
    request(){
        return this.config.beforeRequest().then(opt => {
            console.log(opt)
        })
    }
}

这个是entrepot.js文件

import request from '@/request/index.js';
export default {
    getEntrepotByKeyword: (params) =>
        request({
            url: 'activity/groupon/myGroupons',
            method: 'GET',
            data: params
        }),
    //意见反馈
    feedback: (data) => {
      console.log(11111);
    }



};

当我调用getEntrepotByKeyworda时，报错：request is not a function。如何解决？

1个回答

test

2024-07-04

import { request } from '@/request/index.js';

2022-05-20

感谢 @zangeci 的指正，默认导出不可以通过 import 解构。

import request from '@/request/index.js';

const requestInstance = request.request;

export default {
    getEntrepotByKeyword: params =>
        requestInstance({
            url: "activity/groupon/myGroupons",
            method: "GET",
            data: params,
        }),
    //意见反馈
    feedback: data => {
        console.log(11111);
    },
};

import { baseUrl, apiPath } from '@/config/config';
export default {
    config: {
        baseURL: baseUrl+apiPath,
        // 响应拦截器
        beforeRequest() {
            return new Promise((resolve, reject) => {
                console.log("响应拦截器");
                resolve("123456");
            });
        },
        // 请求拦截器
        handleResponse() {},
    },
    // request 请求
    request(options) {
        console.log("request -> options:", options);
        return this.config.beforeRequest().then(opt => {
            console.log(opt);
        });
    },
};

适合作为回答的

经过验证的有效解决办法
自己的经验指引，对解决问题有帮助
遵循 Markdown 语法排版，代码语义正确

不该作为回答的

询问内容细节或回复楼层
与题目无关的内容
“赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容