增加渠道模块课程模块和渠道课程管理模块

.babelrc

@@ -7,4 +7,4 @@
       }
     }]
   ]
-}
+}

README.md

@@ -1,4 +1,4 @@
-# webpack前端项目搭建
+# 资源管理项目
 
 ## 目录结构
 

build/webpack.base.conf.js

@@ -5,8 +5,6 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
 // 第三方库单独打包
 const AutoDllPlugin = require('autodll-webpack-plugin');
-// 分离css,打包到单独文件
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
   entry: {

build/webpack.dev.conf.js

@@ -5,6 +5,7 @@ const baseConfig = require('./webpack.base.conf');
 const path = require('path');
 
 module.exports = merge(baseConfig, {
+  mode: "development",
   devtool: 'inline-source-map',
   module: {
     rules: [

build/webpack.prod.conf.js

@@ -11,6 +11,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
 
 module.exports = merge(baseConfig, {
+  mode: "production",
   devtool: 'source-map',
   module: {
     rules: [

config/dev.env.js

@@ -4,5 +4,5 @@ const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
-  BASE_API: '"http://192.168.1.46:8060/"',
+  BASE_API: '"http://192.168.1.46:8060/cms"',
 })

package.json

@@ -4,7 +4,7 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "dev": "webpack-dev-server --progress --config build/webpack.dev.conf.js",
     "build": "webpack --config build/webpack.prod.conf.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },

src/api/channel.js

@@ -1,10 +1,10 @@
 import request from '../utils/request';
 // 获取渠道列表
-export function getChannelList (data) {
+export function getChannelList (params) {
   return request({
     url: '/channel',
     method: 'get',
-    data,
+    params
   })
 }
 // 更新渠道

src/api/course.js

@@ -0,0 +1,18 @@
+import request from '../utils/request'
+
+// 获取课程列表
+export function getCourseList (params) {
+  return request({
+    url: '/course',
+    method: 'get',
+    params
+  })
+}
+
+export function setCourseList (data) {
+  return request({
+    url: '/course',
+    method: 'put',
+    data
+  })
+}

src/api/relation.js

@@ -0,0 +1,27 @@
+import request from '../utils/request'
+
+// 获取渠道下课程列表
+export function getRelationList (params) {
+  return request({
+    url: '/channelCourseRelation',
+    method: 'get',
+    params
+  })
+}
+// 增加渠道下课程
+export function addRelationList (data) {
+  return request({
+    url: '/channelCourseRelation',
+    method: 'post',
+    data
+  })
+}
+
+// 删除渠道下课程
+export function removeRelationList (data) {
+  return request({
+    url: '/channelCourseRelation',
+    method: 'delete',
+    data
+  })
+}

src/pages/channel/Channel.vue

@@ -3,40 +3,12 @@
     <el-card class="box-card">
       <div slot="header" class="clearfix">
         <span>渠道管理</span>
-        <el-button style="float: right; padding: 3px 0" type="text">增加</el-button>
+        <el-button style="float: right; padding: 3px 0" type="text" @click="add">增加</el-button>
       </div>
       <el-table
-        :data="channeList"
-        style="width: 100%">
-        <!--
-        <el-table-column type="expand">
-          <template slot-scope="props">
-            <el-form label-position="left" inline class="demo-table-expand">
-              <el-form-item label="商品名称">
-                <span>{{ props.row.name }}</span>
-              </el-form-item>
-              <el-form-item label="所属店铺">
-                <span>{{ props.row.shop }}</span>
-              </el-form-item>
-              <el-form-item label="商品 ID">
-                <span>{{ props.row.id }}</span>
-              </el-form-item>
-              <el-form-item label="店铺 ID">
-                <span>{{ props.row.shopId }}</span>
-              </el-form-item>
-              <el-form-item label="商品分类">
-                <span>{{ props.row.category }}</span>
-              </el-form-item>
-              <el-form-item label="店铺地址">
-                <span>{{ props.row.address }}</span>
-              </el-form-item>
-              <el-form-item label="商品描述">
-                <span>{{ props.row.desc }}</span>
-              </el-form-item>
-            </el-form>
-          </template>
-        </el-table-column>
-        -->
+        :data="channeList.list"
+        style="width: 100%"
+        height="700">
         <el-table-column
           label="渠道 CODE"
           prop="code">
@@ -57,6 +29,7 @@
           label="联系人电话"
           prop="mobileNo">
         </el-table-column>
+        <!--
         <el-table-column label="操作">
           <template slot-scope="scope">
             <el-button
@@ -68,19 +41,97 @@
               @click="handleDelete(scope.$index, scope.row)">删除</el-button>
           </template>
         </el-table-column>
+        -->
       </el-table>
+      <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="channeList.totalSize"
+      @current-change="changePage">
+      </el-pagination>
     </el-card>
+    <el-dialog
+      title="增加"
+      :visible.sync="dialogVisible"
+      width="50%"
+      center>
+      <el-form :model="channelForm" ref="channelEdit" label-position="left">
+        <el-form-item label="CDN 前缀" prop="cdnPrefix" label-width="90px" :rules="{required: true, message: 'CDN 前缀不能为空'}">
+          <el-input size="small" v-model="channelForm.cdnPrefix" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="CODE" prop="code" label-width="90px" :rules="{required: true, message: 'CODE 不能为空'}">
+          <el-input size="small" v-model="channelForm.code" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="渠道名字" prop="title" label-width="90px" :rules="{required: true, message: '渠道名字不能为空'}">
+          <el-input size="small" v-model="channelForm.title" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="联系人" prop="contact" label-width="90px">
+          <el-input size="small" v-model="channelForm.contact" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="联系人电话" prop="mobileNo" label-width="90px">
+          <el-input size="small" v-model="channelForm.mobileNo" autocomplete="off"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="setTable('channelEdit')">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import { mapGetters } from 'vuex';
 export default {
+  data () {
+    return{
+      channelForm: {
+          cdnPrefix: '',
+          code: '',
+          title: '',
+          contact: '',
+          mobileNo: ''
+      },
+      dialogVisible: false,
+      page: ''
+    }
+  },
   computed: {
     ...mapGetters(['channeList'])
   },
   created() {
     this.$store.dispatch('getChannelList', {pageNo: 1, pageSize: 10 })
+  },
+  methods: {
+    add () {
+      this.dialogVisible = true;
+    },
+    // 分页
+    changePage (e) {
+      this.page = e;
+      this.$store.dispatch('getChannelList', {pageNo: e, pageSize: 10})
+    },
+    // 提交确认
+    setTable (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$store.dispatch('addChannelList', this.channelForm)
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+      this.dialogVisible = false;
+    }
   }
 }
 </script>
+<style lang="less">
+  .el-pagination {
+    text-align: center;
+    margin-top: 20px;
+  }
+  .el-form-item__content {
+    width: 50%;
+  }
+</style>

src/pages/course/Course.vue

@@ -0,0 +1,185 @@
+<template>
+  <div class="course">
+        <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>课程管理</span>
+      </div>
+      <el-table
+        :data="courseList.list"
+        style="width: 100%"
+        height="700">
+        <el-table-column
+          label="课程 CODE"
+          prop="code">
+        </el-table-column>
+        <el-table-column
+          label="课程名称"
+          prop="title">
+        </el-table-column>
+        <el-table-column
+          label="课程图片"
+          prop="iconImg">
+        </el-table-column>
+        <el-table-column
+          label="关键字"
+          prop="keyWords">
+        </el-table-column>
+        <el-table-column
+          label="短标题"
+          prop="subTitle">
+        </el-table-column>
+        <el-table-column
+          label="播放状态">
+           <template slot-scope="scope">
+            {{scope.row.continuity == 'CONTINUOUS' ? '连续' : '重复'}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="模板"
+          prop="template">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="handleEdit(scope.row)">编辑</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="courseList.totalSize"
+      @current-change="changePage">
+      </el-pagination>
+    </el-card>
+    <el-dialog
+      title="编辑课程"
+      :visible.sync="dialogVisible"
+      width="50%"
+      center>
+      <el-form :model="courseFrom" ref="channelEdit" label-position="left">
+        <el-form-item label="名称" label-width="90px" >
+          <el-input size="small" v-model="courseFrom.title" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="短标题" label-width="90px" >
+          <el-input size="small" v-model="courseFrom.subTitle" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="关键字" label-width="90px" >
+          <el-input size="small" v-model="courseFrom.keyWords" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="模板" label-width="90px" >
+            <el-select v-model="courseFrom.template" placeholder="请选择">
+              <el-option
+                v-for="item in templateOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="播放状态" label-width="90px" >
+            <el-select v-model="courseFrom.continuity" placeholder="请选择">
+              <el-option
+                v-for="item in continuityOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="setTable('channelEdit')">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex';
+export default {
+  data() {
+    return {
+      dialogVisible: false,
+      courseFrom: {
+          id: '',
+          title: '',
+          subTitle: '',
+          keyWords: '',
+          template: '',
+          continuity: '',
+          status: "NORMAL"
+      },
+      templateOptions: [{
+          value: 'ICON',
+          label: '课件ICON式'
+        }, {
+          value: 'LIST',
+          label: '课件列表式'
+      }],
+      continuityOptions:[{
+          value: 'CONTINUOUS',
+          label: '连续播放'
+        }, {
+          value: 'REPEAT',
+          label: '重复播放'
+      }],
+      page: 1
+    }
+  },
+  computed: {
+    ...mapGetters(['courseList'])
+  },
+  created () {
+    this.$store.dispatch('getCourseList', {pageNo: 1, pageSize: 10, key: ''})
+  },
+  methods: {
+    handleEdit (row) {
+      this.dialogVisible = true;
+      console.log(row.id);
+      this.courseFrom = {
+          id: row.id,
+          title: row.title,
+          subTitle: row.subTitle,
+          keyWords: row.keyWords,
+          template: row.template,
+          continuity: row.continuity,
+          status: "NORMAL"
+      }
+    },
+    // 分页
+    changePage (e) {
+      this.page = e;
+      this.$store.dispatch('getCourseList', {pageNo: e, pageSize: 10, key: ''})
+    },
+    // 提交确认
+    setTable (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          console.log(this.courseFrom)
+          this.$store.dispatch('setCourseList', {
+            data: this.courseFrom,
+            params: {pageNo: this.page, pageSize: 10}
+          })
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+      this.dialogVisible = false;
+    }
+  },
+}
+</script>
+<style lang="less">
+  .el-pagination {
+    text-align: center;
+    margin-top: 20px;
+  }
+  .el-form-item__content {
+    width: 50%;
+  }
+</style>
+
+

src/pages/layout/leftnav/LeftNav.vue

@@ -10,6 +10,12 @@
       <el-menu-item index="/channel/index" route="/channel/index">
         <span slot="title">渠道管理</span>
       </el-menu-item>
+      <el-menu-item index="/course/index" route="/course/index">
+        <span slot="title">课程管理</span>
+      </el-menu-item>
+     <el-menu-item index="/relation/index" route="/relation/index">
+        <span slot="title">渠道课程管理</span>
+      </el-menu-item>
       <el-submenu index="/nav">
         <template slot="title">
           <i class="el-icon-location"></i>

src/pages/login/Login.vue

@@ -63,7 +63,6 @@
             // const userName = this.loginForm.userName;
             // const password = this.loginForm.password;
             this.$store.dispatch('Login', this.loginForm).then(() => {
-              alert('登录成功');
               this.$router.push({ path: '/nav/nav1' })
             }).catch(() => {
               alert('登录失败');

src/pages/relation/Relation.vue

@@ -0,0 +1,199 @@
+<template>
+  <div class="course">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-select v-model="channelValue" placeholder="请选择渠道" @change="selectChange">
+          <el-option
+            v-for="item in channeList.list"
+            :key="item.id"
+            :label="item.title"
+            :value="item.id">
+          </el-option>
+        </el-select>
+        <el-button style="float: right; padding: 3px 0" type="text" @click="add">增加</el-button>
+      </div>
+      <el-table
+        :data="relationList.list"
+        style="width: 100%"
+        height="700">
+        <el-table-column
+          label="课程 CODE"
+          prop="code">
+        </el-table-column>
+        <el-table-column
+          label="课程名称"
+          prop="title">
+        </el-table-column>
+        <el-table-column
+          label="课程图片"
+          prop="iconImg">
+        </el-table-column>
+        <el-table-column
+          label="关键字"
+          prop="keyWords">
+        </el-table-column>
+        <el-table-column
+          label="短标题"
+          prop="subTitle">
+        </el-table-column>
+        <el-table-column
+          label="播放状态">
+           <template slot-scope="scope">
+            {{scope.row.continuity == 'CONTINUOUS' ? '连续' : '重复'}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="模板"
+          prop="template">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="remove(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+      v-if="relationList.totalSize"
+      background
+      layout="prev, pager, next"
+      :total="relationList.totalSize"
+      @current-change="changePage">
+      </el-pagination>
+  </el-card>
+  <el-dialog
+      title="增加课程"
+      :visible.sync="dialogVisible"
+      width="70%"
+      center>
+      <el-form label-position="left">
+        <el-table
+          :data="courseList.list"
+          style="width: 100%"
+          height="500">
+          <el-table-column
+            label="课程 CODE"
+            prop="code">
+          </el-table-column>
+          <el-table-column
+            label="课程名称"
+            prop="title">
+          </el-table-column>
+          <el-table-column
+            label="课程图片"
+            prop="iconImg">
+          </el-table-column>
+          <el-table-column
+            label="关键字"
+            prop="keyWords">
+          </el-table-column>
+          <el-table-column
+            label="短标题"
+            prop="subTitle">
+          </el-table-column>
+          <el-table-column
+            label="播放状态">
+            <template slot-scope="scope">
+              {{scope.row.continuity == 'CONTINUOUS' ? '连续' : '重复'}}
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="模板"
+            prop="template">
+          </el-table-column>
+          <el-table-column label="操作">
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                @click="addEdit(scope.row, scope.$index)">选择</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+        background
+        layout="prev, pager, next"
+        :total="courseList.totalSize"
+        @current-change="changePageEdit">
+        </el-pagination>
+      </el-form>
+  </el-dialog>
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex';
+export default {
+  data() {
+    return {
+      dialogVisible: false,
+      channelValue: '',
+      page: 1,
+      pageEdit: 1,
+      channelId: ''
+    }
+  },
+  computed: {
+    ...mapGetters({
+      courseList: 'courseList',
+      channeList: 'channeList',
+      relationList: 'relationList'
+      })
+  },
+  created () {
+    this.$store.dispatch('getChannelList', {pageNo: '', pageSize: '' })
+  },
+  methods: {
+    // 选择渠道
+    selectChange(e) {
+      this.channelId = e;
+      this.$store.dispatch('getRelationList', {channelId: e, pageNo: 1, pageSize: 10 })
+    },
+    // 渠道增加课程
+    add () {
+      if (!this.channelId) {
+        this.$message.error('请选择渠道');
+        return false;
+      }
+      this.dialogVisible = true;
+      this.$store.dispatch('getCourseList', {channelId: this.channelId, pageNo: 1, pageSize: 10, key: ''})
+    },
+    // 选择课程
+    addEdit (row, index) {
+      this.$store.dispatch('addRelationList', {
+        data: {channelId: this.channelId, courseIds: [ row.id ]},
+        params: {channelId: this.channelId, pageNo: 1, pageSize: 10 }
+      }).then(res => {
+        if(res.code == 200) {
+          this.$store.dispatch('getCourseList', {channelId: this.channelId, pageNo: 1, pageSize: 10, key: ''})
+        }
+      })
+    },
+    // 渠道下课程分页
+    changePage (e) {
+      this.page = e;
+      this.$store.dispatch('getRelationList', {channelId: this.channelId, pageNo: e, pageSize: 10 })
+    },
+    // 添加分页
+    changePageEdit (e) {
+      this.pageEdit = e;
+      this.$store.dispatch('getCourseList', {pageNo: e, pageSize: 10, key: ''})
+    },
+    // 删除课件
+    remove (row) {
+      this.$store.dispatch('removeRelationList', {
+        data: {channelId: this.channelId, courseIds: [ row.id ]},
+        params: {channelId: this.channelId, pageNo: this.page, pageSize: 10 }
+      })
+    }
+  },
+}
+</script>
+<style lang="less">
+  .el-pagination {
+    text-align: center;
+    margin-top: 20px;
+  }
+  .el-form-item__content {
+    width: 50%;
+  }
+</style>

src/router/router.js

@@ -26,12 +26,32 @@ export default new Router({
       component: Layout,
       children: [{
         path: 'index',
-        name:'Index',
+        name:'Channel',
         meta: { title: '渠道管理', url: '/channel/index' },
         component: () => import('@/pages/channel/Channel'),
       }]
     },
     {
+      path: '/course',
+      component: Layout,
+      children: [{
+        path: 'index',
+        name:'Course',
+        meta: { title: '课程管理', url: '/course/index' },
+        component: () => import('@/pages/course/Course'),
+      }]
+    },
+    {
+      path: '/relation',
+      component: Layout,
+      children: [{
+        path: 'index',
+        name:'Relation',
+        meta: { title: '课程管理', url: '/relation/index' },
+        component: () => import('@/pages/relation/Relation'),
+      }]
+    },
+    {
       path: '/nav',
       component: Layout,
       children: [{

src/store/getter.js

@@ -1,6 +1,8 @@
 const getters = {
   flag: state => state.login.flag,
   data: state => state.navList.data,
-  channeList: state => state.channel.channeList
+  channeList: state => state.channel.channeList,
+  courseList: state => state.course.courseList,
+  relationList: state => state.relation.relationList
 }
 export default getters

src/store/index.js

@@ -3,7 +3,9 @@ import Vuex from 'vuex'
 import login from './modules/login'
 import navList from './modules/navList'
 import channel from './modules/channel'
+import course from './modules/course'
 import getters from './getter'
+import relation from './modules/relation'
 
 Vue.use(Vuex)
 
@@ -11,7 +13,9 @@ const store = new Vuex.Store({
   modules: {
     login,
     navList,
-    channel
+    channel,
+    course,
+    relation
   },
   getters
 })

src/store/modules/channel.js

@@ -2,7 +2,7 @@ import { getChannelList, setChannelList, addChannelList } from '../../api/channe
 
 const channel = {
   state: {
-    channeList: []
+    channeList: {}
   },
   mutations: {
     GET_CHANNEL_LIST: (state, data) => {

src/store/modules/course.js

@@ -0,0 +1,37 @@
+import { getCourseList, setCourseList } from '../../api/course';
+import { Promise } from 'q';
+
+const course = {
+  state: {
+    courseList: {}
+  },
+  mutations: {
+    GET_COURSE_LIST (state, data) {
+      state.courseList = data;
+    }
+  },
+  actions: {
+    getCourseList({dispatch, commit }, data) {
+      return new Promise((resolve, reject) => {
+        getCourseList(data).then(res => {
+            commit('GET_COURSE_LIST', res.data)
+            resolve(res.data);
+        }).catch(error => {
+          reject(error);
+        })
+      })
+    },
+    setCourseList({dispatch, commit }, { data, params}) {
+      return new Promise((resolve, reject) => {
+        setCourseList(data).then(res => {
+            dispatch('getCourseList', params)
+            resolve(res.data);
+        }).catch(error => {
+          reject(error);
+        })
+      })
+    }
+  }
+}
+
+export default course;

src/store/modules/relation.js

@@ -0,0 +1,51 @@
+import { getRelationList, addRelationList, removeRelationList} from '@/api/relation'
+
+const relation = {
+  state: {
+    relationList: {}
+  },
+  mutations: {
+    GET_RELATION_LIST(state, data) {
+      state.relationList = data;
+    }
+  },
+  actions: {
+    getRelationList({ commit }, params) {
+      return new Promise((resolve, reject) => {
+        getRelationList(params).then( res => {
+          if(res.code == 200) {
+            commit('GET_RELATION_LIST', res.data);
+            resolve(res.data);
+          }
+        }).catch( error => {
+          reject(error)
+        })
+      })
+    },
+    addRelationList ({ dispatch, commit }, {data, params}) {
+      return new Promise((resolve, reject) => {
+        addRelationList(data).then( res => {
+          if(res.code == 200) {
+            dispatch('getRelationList', params)
+            resolve(res);
+          }
+        }).catch( error => {
+          reject(error)
+        })
+      })
+    },
+    removeRelationList ({ dispatch, commit }, {data, params}) {
+      return new Promise((resolve, reject) => {
+        removeRelationList(data).then( res => {
+          if(res.code == 200) {
+            dispatch('getRelationList', params)
+            resolve(res);
+          }
+        }).catch( error => {
+          reject(error)
+        })
+      })
+    }
+  }
+}
+export default relation;

src/utils/request.js

@@ -12,10 +12,10 @@ const service = axios.create({
 // request拦截器
 service.interceptors.request.use(
   config => {
-    config.headers['uid'] = 1;
-    config.headers['channelCode'] = '';
-    config.headers['courseId'] = '';
-    config.headers['wareId'] = '';
+    // config.headers['uid'] = 1;
+    // config.headers['channelCode'] = '';
+    // config.headers['courseId'] = '';
+    // config.headers['wareId'] = '';
     // if (store.getters.token) {
     //   config.headers['X-Token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
     // }