vuecrud钩子_eladmin框架开发中的细节

EL-ADMIN 后台管理系统是一个基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue的前后端分离的后台管理系统，具有使用最新技术栈，社区资源丰富，项目按功能模块化，提升开发，测试效率等优势。为了方便后来者能快速掌握，并开发，笔者整理了中间可能碰到的一些问题。有些问题可能比较简单，本文主要针对新手入门。

一、图片上传，在上传图片时一般要求传递token,并设置请求地址和参数名称

1、引入tokenimport { getToken } from '@/utils/auth'

2、data()方法中return中定义变量headers: {

'Authorization': getToken()

}

3、表单使用

:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">

  

二、权限控制相关

1、无需要token即可访问的方法，只需要在控制器方法上加上以下注解即可@AnonymousAccess

三、前端开发、打包编译

1、前端开发可以通过proxy table进行本地后端服务的代理，对应文件为项目根目录下vue.config.js文件

2、其他vue文件中如要引用全局地址变量，可通过"process.env.VUE_APP_BASE_API"来引用

3、如何直接打包成zip文件？安装 filemanager-webpack-plugin，执行以下命令进行安装npm i filemanager-webpack-plugin -D

在vue.config.js文件中找到相应模块并添加节点FileManagerPlugin，如下所示：const FileManagerPlugin = require('filemanager-webpack-plugin')

module.exports = {

configureWebpack: {  //webpack的相关配置在这里

plugins: [

new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件实例

onEnd: {

delete: [   //首先需要删除项目根目录下的dist.zip

'./dist.zip',

],

archive: [ //然后我们选择dist文件夹将之打包成dis