vue+element-ui JYAdmin后台管理系统模板-集成方案【项目搭建篇2】

项目搭建时间：2020-06-29

本章节：讲述基于vue/cli，

项目的基础搭建。

本主题讲述了：

1、跨域配置

2、axios请求封装

3、eslint配置

4、环境dev,test，pro（开发，测试，线上）， run自动调用对应的接口（proxy多代理配置）

vue+element-ui JYAdmin 后台管理系统模板-集成方案 从零到一的手写搭建全过程。

该项目不仅是一个持续完善、 高效简洁的后台管理系统模板， 还是一套企业级后台系统开发 集成方案，致力于打造一个

与时俱进、高效易懂、高复用、 易维护扩展的应用方案。

1、安装axios

cnpm i axios --save

2、axios封装，调用以及api资源管理

@/serve/axiosResquest.js(axios封装)

import axios from 'axios';

axios.interceptors.response.use(

    response => {
   

        return response

    },

    error => {
   

        if (error && error.response) {
   

            const ERR_CODE_LIST = {
    //常见错误码列表

                [400]: "请求错误",

                [401]: "登录失效或在其他地方已登录",

                [403]: "拒绝访问",

                [404]: "请求地址出错",

                [408]: "请求超时",

                [500]: "服务器内部错误",

                [501]: "服务未实现",

                [502]: "网关错误",

                [503]: "服务不可用",

                [504]: "网关超时",

                [505]: "HTTP版本不受支持"

            }

            const errMsg = ERR_CODE_LIST[error.response.status]

            alert("[" + error.response.status + "]" + errMsg || '服务器异常')

            return Promise.reject(false)

        }