【Vue+Mysql实现前端对接数据库】

文章目录

一、安装环境

• Mysql 下载及安装
• Node 下载及安装
• 使用 Vite + Vue3 搭建脚手架
• 安装相关依赖npm install --save mysqlnpm install --save axiosnpm install --save expressnpm install --save body-parsernpm install --save crypto- Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。- body-parser 是 node.js body 解析中间件。处理程序之前，在中间件中对传入的请求体进行解析（response body）- CryptoJS 是一个JavaScript的加解密的工具包。它支持多种算法：MD5、SHA1、SHA2、SHA3、RIPEMD-160 的哈希散列，以及进行 AES、DES、Rabbit、RC4、Triple DES 加解密。

二、axios 封装和配置

2.1 文件 src/utils/request.js 代码

1. 导入 axios

import axios from 'axios'

1. 创建 axios 实例// 实例请求的方式有 instance({})、instance.get()、instance.post()const request = axios.create({ baseURL: import.meta.env.VITE_API_URL, // 默认配置，属性名必须以VITE_API_开头,否则 import.meta.env检测不到 timeout: 10000 // 超时时间})
2. 异常拦截处理

const errorHandler = (error) => {
    if (error.response) {
        switch (error.response.status) {
            case