# xxl-job-vue

**Repository Path**: gitbird/xxl-job-vue

## Basic Information

- **Project Name**: xxl-job-vue
- **Description**: xxl-job的vue版本
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 12
- **Created**: 2025-06-05
- **Last Updated**: 2025-06-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# xxl-job-vue

#### 介绍
- xxl-job前端分离的vue实现版本，基于vue2.0,ElementUI,axios
- 对接最新的xxl-job v2.2及以上版本，低版本本人没有测试过
- 个人觉得原版的页面虽然功能完善，但是界面不免有些不尽如人意（不够美观），因此才有了此项目


#### 安装教程

1. npm install --registry=https://registry.npm.taobao.org
   `# 建议不要用cnpm  安装有各种诡异的bug 可以通过此种操作解决npm速度慢的问题`
2. npm run dev
3. npm run build

#### 使用说明

- 本项目旨在学习vue相关知识，其中不免存在问题，欢迎广大dever指正
- 由于兼容性问题，本项目无法完全支持原版的[xxljob](https://gitee.com/xuxueli0323/xxl-job) 
需要做一些调整，具体如下：
  
  1. 支持异接口拦截响应，因为原拦截会发生302重定向，前端无法获取到状态码做页面跳转
  ```java
  #PermissionInterceptor line45
  if (loginUser == null) {
    if (Objects.equals(xHeader,"XMLHttpRequest")){
      //ajax请求返回401状态码
      response.setStatus(HttpServletResponse.SC_UNAUTHORIZED);
      return false;
    }
    response.setStatus(302);
    response.setHeader("location", request.getContextPath()+"/toLogin");
    return false;
  }

  ```
  2. 添加前端所需数据接口
  ```java
    //IndexController
    @RequestMapping("/dashboardInfo")
    @ResponseBody
    public ReturnT<Map<String, Object>> dashboardInfo() {
      Map<String, Object> dashboardInfo = xxlJobService.dashboardInfo();
      return new ReturnT<>(dashboardInfo);
    }
  ```