$ openapi --help
  Usage: openapi [options]
  Options:
    -V, --version             output the version number
    -i, --input <value>       OpenAPI specification, can be a path, url or string content (required)
    -o, --output <value>      Output directory (required)
    -c, --client <value>      HTTP client to generate [fetch, xhr, node, axios, angular] (default: "fetch")
    --name <value>            Custom client class name
    --useOptions              Use options instead of arguments
    --useUnionTypes           Use union types instead of enums
    --exportCore <value>      Write core files to disk (default: true)
    --exportServices <value>  Write services to disk (default: true)
    --exportModels <value>    Write models to disk (default: true)
    --exportSchemas <value>   Write schemas to disk (default: false)
    --indent <value>          Indentation options [4, 2, tab] (default: "4")
    --postfixServices         Service name postfix (default: "Service")
    --postfixModels           Model name postfix
    --request <value>         Path to custom request file
    -h, --help                display help for command
  Examples
    $ openapi --input ./spec.json --output ./generated
    $ openapi --input ./spec.json --output ./generated --client xhr

// 首先下載axios
npm install axios
// 然后安裝成功API工具
npm install openapi-typescript-codegen --save-dev

openapi --input 你的在線swagger.json地址 --output ./src/api --client axios

// 全局安裝
npm install openapi-typescript-codegen -g
// 臨時(shí)安裝
npx openapi-typescript-codegen --input 你的在線swagger.json地址 --output ./src/api--client axios

// axios基礎(chǔ)封裝
import axios from 'axios'
export const request: any = axios.create({
    baseURL: '服務(wù)器接口根地址',
    timeout: 5000,
})
// 請(qǐng)求攔截器
request.interceptors.request.use((config: any) => {
    // 請(qǐng)求攔截器
    return config
}, (error: any) => {
    return Promise.reject(error)
})
// 響應(yīng)攔截器
request.interceptors.response.use((res: any) => {
    return res.data
},  (error: any) => {
        //處理網(wǎng)絡(luò)錯(cuò)誤
        let msg = ''
        const status = error.response.status
        switch (status) {
            case 401:
                msg = 'token過期'
                break
            case 403:
                msg = '無權(quán)訪問'
                break
            case 404:
                msg = '請(qǐng)求地址錯(cuò)誤'
                break
            case 500:
                msg = '服務(wù)器出現(xiàn)問題'
                break
            default:
                msg = '網(wǎng)絡(luò)出現(xiàn)問題'
                break
        }
        return Promise.reject(error)
    }
)

openapi --input swagger地址 --output ./src/api --request ./src/utils/request.ts --client axios

import { Button } from 'antd';
import { BasicDataService } from './api'
const App = () => {
  const getData = async () => {
    const data = await BasicDataService.basicDataQueryLocation()
    console.log(data)
  }
  getData()
  return (
    <div style={{ display: 'flex', gap: '20px' }}>
      <Button type='primary'>按鈕</Button>
    </div>
  )
}
export default App