main.js中需要使用的用import XX from 'XX'

只需要他执行,但不需要别的操作的,直接引入就行;

permission.js 判断白名单,然后判断token,执行操作;

request.js    axios.create  ,然后引入基础地址(baseURL 就是会添加到请求地址里),然后超时时间,设置请求和响应拦截器;请求的里面给header加上token;

写菜单的时候,一定要写上router,然后注意层级结构

 <el-menu router default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse">
        <template v-for="(item,index) in menus">
          <el-submenu
            :index="JSON.stringify(index + 1)"
            :key="index"
          >
            <template slot="title">
              <i style="color:#fff" :class="item.icon"></i>
              <span slot="title">{{item.name}}</span>
            </template>
            <el-menu-item-group v-for="(li,ind) in item.children" :key="ind">
              <el-menu-item :index="li.path"> <i style="color:#fff"  :class="li.icon"></i>{{li.name}}</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
        </template>
      </el-menu>