学习java的大雪笙一枚

阿里云快速上手

/提供调用添加文章的函数//方法请自行导入import {自己的方法} '@/api/article.js'//添加文章函数//调用接口//添加文章resutlt.msg : "添加成功");//查询所有//关闭页面,声明式对象必须使用value。

'你确认退出登录吗？','温馨提示',confirmButtonText: '确认',cancelButtonText: '取消',//1pinia存储的token和个人信息//路由})//用户点击了取消message: '取消退出',})})} else {//路由。

项目场景：实现大事件项目下拉菜单路由跳转到对应页面。

新建userInfo.js。

【代码】实战篇-78和79_大事件文章列表查询事件、_添加文章_页面搭建。

说明：是categorys不是articles。

令牌主动生效机制令牌主动生效机制实现步骤。

【代码】实战篇-75_大事件_删除分类。

【代码】实战篇-71_大事件_未登录统一处理。

从原来响应拦截中获取token改为请求拦截中。说明：在原来的基础上添加了请求拦截器。

【代码】实战篇67_大事件_文章分类列表查询。

3.为菜单项el-menu-item设置index属性，设置点击后的路由路径。4.设置访问后默认的路由路径（优化），子路由添加redirect: 路径。2.声明router-view标签。注意：不是router-views。

说明：1.导入组件使用'@/...'，使用'./...'会出现错误。Login.vue设置跳转。

修改Login.vue中的消息框。

1.跨域问题出现原因1.跨域问题出现原因由于浏览器同源策略限制，向不同源(不同源、不同域名、不同端口)发送ajax请求会失败2.解决1.修改request.js中的baseURL2.修改vite.config.js，在defaultConfig里面添加。

1.导入utils中的request.js。1.运行打包的jar包 ,在对应目录下运行。2.api文件夹创建user.js。出现跨域问题，将在下一篇文章解决。1.给注册按钮添加事件。

定义校验规则，其中RePassword使用的自定义校验规则//定义校验规则{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 5, max: 16, message: '长度为5-16的非空字符', trigger: 'blur' },],{ required: true, message: '请输入密码', trigger: 'blur' },

4.配置main.js，导入elementplus。

前提：搭建好的vue项目。

前提：创建好的vue项目步骤。

安装element plus,可以去官网找，安装会等待一段时间。管理员打开cmd，进入到自己要创建的文件夹下输入指令。3.组件：访问官方文档中的组件，调整成我们需要的样子。4.App.vue导入Button.vue并使用。命名自己的项目名后按Enter。安装前重新创建一个vue项目。main.js文件中。

说明：1在article.js文件中删去了async await,拦截器本身就是异步的，不用添加这两个属性。2.使用Article中的 async await实现同步。在请求或响应被then或catch处理前拦截它们。创建utils文件夹，在文件夹下创建request.js文件。

接口调用的js代码一般会封装到.js文件中，并且以函数的形式暴露给外部。