axios 上传文件 封装_基于egg.js、typeorm、jwt等封装的api开发脚手架

cool-admin-api 是基于egg.js、typeorm、jwt等封装的api开发脚手架、快速开发api接口

特性

  • 极速编码:单表增删改查、分页、模糊查询等只需少量配置即可完成接口编码和页面展示,多表查询也支持编写相应的SQL语句
  • 安全性:框架自带处理常见的安全问题
  • 高性能:支持方法级注解式缓存
  • 快速集成业务功能:导入导出、微信支付宝支付、文件上传等功能快速集成

技术选型

Node版后台基础框架基于Egg.js(阿里出品)

  • 基础:egg.js
  • 数据:typeorm
  • 缓存:egg-redis
  • 鉴权:egg-jwt
  • 网络:axios

核心组件

独有cool-admin.com发布的npm组件

  • 路由:egg-cool-router
  • 控制器:egg-cool-controller
  • 服务层:egg-cool-service
  • 缓存:egg-cool-cache
  • 模型:egg-cool-entity
1fcb5c837a12631c4dc1b111492511fa.png
8acff1f42c1bc02d7e025322ec44c249.png
932b51061d0ee13128fb05fbfc06c70c.png

项目地址:https://gitee.com/tjp0515/cool-admin-api?utm_source=oschina&utm_medium=link-mid&utm_campaign=new_wh

Axios封装在`request.js`文件中并导入到其他文件,可以使代码更具模块性和复用性。以下是一般的步骤: 1. **封装axios**: 创建一个名为`request.js`的文件,比如在`src/api`目录下: ```javascript // request.js import axios from 'axios'; const service = axios.create({ baseURL: process.env.BASE_API_URL, // API基础地址 timeout: 5000, // 请求超时时间 withCredentials: true, // 如果涉及到跨域请求,设置为true headers: { 'Content-Type': 'application/json', }, }); service.interceptors.request.use( config => { // 在发送每个请求前添加token验证(如果需要) // 这里只是一个例子,实际应用可能会检查登录状态 const token = localStorage.getItem('token'); if (token) { config.headers.Authorization = `Bearer ${token}`; } return config; }, error => Promise.reject(error) ); export default { get: (url, params) => service.get(url, { params }), post: (url, data) => service.post(url, data), put: (url, data) => service.put(url, data), delete: (url, params) => service.delete(url, { params }), }; ``` 2. **在其他文件中导入并使用**: 在你需要发起网络请求的地方,如`src/api/user.js`: ```javascript import { get, post, put, delete } from '../request'; // 引入request.js export async function fetchData() { try { const response = await get('/users'); // ... 对响应进行操作 } catch (error) { console.error(error); } } ``` 这样,所有对网络的访问都在`request.js`文件中统一管理,提高了代码的可维护性和一致性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值