Vue3 + ElementPlus + Koa2 开发后台系统

文档地址：https://www.npmjs.com/package/mongoose 初始化 安装 引入 连接数据库 成功提示和失败警告 connect() 返回一个状态待定（pending）的连接

今天使用 Element Plus，做表单验证 有几个不需要验证的项，我也顺手写上了 prop 如下（手机号） 但是我验证数组中没有对这一项进行验证 然后当我提交表单，做验证的时候，发现validat

今天使用 Vue3 + Elament Plus 做表单的时候，遇到了一个问题 表单无法输入，也没有报错 后来发现是因为是我<form>的ref和model重名了 解决: 改一下不要使用一个名称就好了

因为对本地创建了新项目，想要提交到远端去这个操作比较容易忘，所以记录一下； 首先在远端创建git仓库 本地git初始化 连接远程仓库 进行操作就好了

JWT 理论介绍 参考文档：JSON Web Token 入门教程 - 阮一峰的网络日志 (ruanyifeng.com) 什么是JWT? JWT：即 JSON Web Tokens 是一种跨域认证解

搭建登录页面 因为登陆页面并不使用结构布局，所以在路由中和Home根组件同级； 参考文档： Form 表单 | Element Plus (gitee.io) Element-plus 文档写的很清楚

Koa2 项目初始化 快速生成Koa服务的脚手架工具 koa-generator 1、全局安装脚手架工具 2、生成Koa项目 如果无法使用Koa2命令，则需要配置环境变量 3、安装依赖 4、启动服务

搭建前端环境 node 环境 首先需要确保安装了node 文档地址：http://nodejs.cn/ Vue CLI 脚手架 文档地址：https://cli.vuejs.org/zh/ 安装方式：

封装 utils/request.js 文件 全局注册 main.js 文件中 调用 调用方式一: 调用方式二： 注意 ps： 需要注意的是，我们在设置axios的baseURL的时候，千万要注意写法

npm安装时-S -D 作用及区别 -S 即--save（保存） 包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在