Vue3 + Axios + TypeScript 简要封装的实现

引入Axiosnpm - npm install axios -Syarn - yarn add axios -S编写request.js 实现axios实例/** * axios实例 */ import axios from 'axios'; import type { AxiosResponse } from 'axios'; // 定义一个响应interface，建议放置公共声明文件 interface ApiResult<T> { // 状态码 code: number; // 状态信息 message?: string; // 返回数据 data?: T; } const service = axios.create({ baseURL: import.meta.env.VITE_API_URL as string // 取得env配置的基础路径 }); // 添加请求拦截器 service.interceptors.request.use( (config) => { // todo 前置实现，比例前置追加

学习 · 2022-03-23

简单实现<el-dialog>二次封装

代码<template> <el-dialog class="example-dialog" title="实例弹层" :visible="visible" @close="closeDialog" width="650px"> <div class="example-dialog-conn"></div> </el-dialog> </template> <script> export default { name: 'exampleDialog', props: { open: { type: Boolean, default: false } }, computed: { visible: { get() { return

学习 · 2022-03-18
2020 - 2025 LETTERED. All Rights Reserved.
Theme Jasmine by Kent Liao | 桂ICP备15008025号-6