器材管理板块

添加器材管理导航

src\views\home\Home.vue

src\router\index.js

src\views\equipment\Equipment.vue

测试

搜索导航+分页查询

src\views\equipment\Equipment.vue

src\views\equipment\Equipment.vue

src\api\Equipment.js

import request from '@/utils/request'  /* 分页查询 */ export const pageEquipment = (params) =>     request({         'url': '/api/admin/equipment/page',         'method': 'get',         params: params     })

新增器材

src\router\index.js

src\views\equipment\Equipment.vue

src\views\equipment\addEquipment.vue

测试

完善表单

请求

src\api\Equipment.js

import request from '@/utils/request'  /* 分页查询 */ export const pageEquipment = (params) =>     request({         'url': '/api/admin/equipment/page',         'method': 'get',         params: params     })        /* 新增器材 */ export const addEquipment = (params) =>     request({         'url': '/api/admin/equipment',         'method': 'post',         data: params     }) 

新增板块的界面

src\views\equipment\addEquipment.vue

上传文件OSS的逻辑

src\components\img-upload\img-upload.vue

上传oss图片文件时需要的jwt令牌获取

src\utils\cookies.js

import Cookies from 'js-cookie';   // 获取令牌 export const getToken = () => sessionStorage.getItem('jwtToken');  

ps：如果出现模块找不到，不存在的时候，直接

npm install 模块

例如：

Module not found: Error: Can't resolve 'js-cookie' in 'D:\bishe\project\sems-front\src\utils'

解决方法：

这个错误表明你的项目无法找到js-cookie模块，这意味着你可能还没有安装它或者路径配置有问题。js-cookie是一个用于操作浏览器Cookies的小型JavaScript库。

解决方案

安装 js-cookie

确保你已经安装了js-cookie。你可以通过运行以下命令来安装它：

npm install js-cookie --save

或者如果你使用的是Yarn：

yarn add js-cookie

测试：

ps：OSS折磨死我了，踩了无数的坑，全靠各种搜索资料，卡了我2天，呜呜呜，麻了，有什么不知道的真可以问我，呜呜呜，你们踩的坑我应该都踩过，麻了

未完。。。