javascript - TypeScript 中未定义的 axios

Question

我在导入 axios 时遇到问题。在我的 TypeScript 中，我是这样导入它的:

import axios from 'axios';

但是一想使用axios就返回如下错误:

TypeError: Cannot read property 'default' of undefined

这就是我想使用 axios 的方式:

const config = {
        baseURL: 'https://git.something.net/api/v4',
        headers: {'PRIVATE-TOKEN': 'IAMNOTTELLINGYOUTHIS'},
    }

const ac = axios.create(config);

axios 版本是 0.18.0

似乎该模块并没有真正导出默认的 Axios;

我花了最后几个小时谷歌搜索并试图修复它，但我发现的只是在我的 tsconfig 的 compilerOptions 中设置 "allowSyntheticDefaultImports": true。

我还查看了 axios.js 并发现了这些行:

// Allow use of default import syntax in TypeScript
module.exports.default = axios;

简而言之，我完全不知道自己做错了什么，希望得到任何帮助。如果您需要其他代码或信息，请告诉我，我会尽力提供信息。

提前致谢!

Answer 1

这篇文章中的 answare 可以帮助您解决问题 Axios POST isn't running inside NodeJS/Express Route

基本上我在那里发布了一个 es6 axios 类，您可以通过以下方式导入它:

npm i @eneto/es6-axios-class

or

npm i es6-axios-class

你可以在这里找到一个非常完整的例子:https://github.com/EnetoJara/axios-typescript/blob/master/examples/userApi.ts

import { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios';
import { Api } from './../src/api/api';
import { Credentials, Token, User } from './interfaces';

export class UserApi extends Api {
    public constructor (config?: AxiosRequestConfig) {
        super(config);


        // this middleware is been called right before the http request is made.
        this.interceptors.request.use((param: AxiosRequestConfig) => ({
            ...param,
        }));

        // this middleware is been called right before the response is get it by the method that triggers the request
        this.interceptors.response.use((param: AxiosResponse) => ({
            ...param
        }));

        this.userLogin = this.userLogin.bind(this);
        this.userRegister = this.userRegister.bind(this);
        this.getAllUsers = this.getAllUsers.bind(this);
        this.getById = this.getById.bind(this);
    }

    public userLogin (credentials: Credentials): Promise<Token> {
    }

    public userRegister (user: User): Promise<number> {
    }

    public async getAllUsers (): Promise<User[]> {
    }

    public getById (id: number): Promise<User> {
    }
}