vue+element-uijyadmin后台管理系统模板-集成方案项目搭建篇2(代码片段)

cnpm i axios --save

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)

        

    

)

let axiosResquest = (url, config) => 

    let 

        data = ,

        isAlert = false,

        contentType = ‘application/json‘,

        method = ‘POST‘

     =  ...config 

    return new Promise((resolve) => 

        axios(

            url: url,

            method:method,

            data: data,

            header: 

                ‘content-type‘: contentType,

                ‘Cookie‘: ‘‘ // 全局变量中获取 cookie

            ,

            transformRequest(data) 

                if (contentType == ‘application/x-www-form-urlencoded; charset=UTF-8‘) 

                    let ret = ‘‘

                    for (let it in data) 

                        ret += encodeURIComponent(it) + ‘=‘ + encodeURIComponent(data[it]) + ‘&‘

                    

                    return ret

                 else 

                    return data

                

            

        ).then((res) => 

            if (isAlert) 

                

 

            

            resolve(res.data);

        ).catch(function () 

            resolve(false);

        );

    )



 

export default axiosResquest;

import axiosResquest from ‘@/serve/axiosResquest.js‘;

let host = ""

if(process.env.VUE_APP_CURENV == ‘development‘)

  host = ‘/api‘

else if(process.env.VUE_APP_CURENV == ‘test‘)

  host = ‘/test‘

else if(process.env.VUE_APP_CURENV == ‘production‘)

    host = ‘/pro‘



export function axiosSuccessApi(data) 

    return axiosResquest(host+‘/index-1.php?m=home&c=WebZuDetails&a=Details‘, data || )



export function axiosResquestEeorApi(data) 

    return axiosResquest(host+‘/index-1.php?m=home&c=WebZuDetails‘, data || )



export function axiosSuccessApiAwait(data) 

    return axiosResquest(host+‘/index-1.php?m=home&c=WebZuDetails&a=Details‘, data || )

import  axiosSuccessApi  from ‘@/api/api.js‘

const config = 

            data: 

                id: ‘102‘

            ,

            contentType: ‘application/x-www-form-urlencoded; charset=UTF-8‘,

            isAlert: true,

        

        axiosSuccessApi(config).then(res => 

            if (res) 

                if (res.status) 

                    console.log(res) 

                    config.data.id = res.status

                    axiosSuccessApi(config).then(res => 

                        if (res) 

                           console.log(res) 

                        

                    )

                

               

            

        )

devServer: 

        //跨域

        port: 9528, // 端口号

        open: true, //配置自动启动浏览器

        proxy: 

            // 配置跨域处理 可以设置多个

            ‘^/api‘: 

                target: ‘https://www.weixinyue.cn‘,

                changeOrigin: true,

                pathRewrite: 

                    ‘^/api‘: ‘‘ // 规定请求地址以什么作为开头

                ,

                logLevel:‘debug‘

                

            ,

            ‘^/test‘: 

                target: ‘https://www.weixinyue.cn‘,

                changeOrigin: true,

                pathRewrite: 

                    ‘^/test‘: ‘‘ // 规定请求地址以什么作为开头

                ,

                logLevel:‘debug‘

                

            ,

            ‘^/pro‘: 

                target: ‘https://www.weixinyue.cn‘,

                changeOrigin: true,

                pathRewrite: 

                    ‘^/pro‘: ‘‘ // 规定请求地址以什么作为开头

                ,

                logLevel:‘debug‘

                

            

        

    

"scripts": 

    "dev": "npm run serve",

    "serve": "vue-cli-service serve --mode development",

    "test": "vue-cli-service serve --mode test",

    "pro": "vue-cli-service serve --mode production",

    "build": "vue-cli-service build",

    "lint": "vue-cli-service lint"

  ,

module.exports = 

    root: true,

    env: 

        node: true

    ,

    extends: [

        ‘plugin:vue/essential‘

        // ‘@vue/standard‘

    ],

    parserOptions: 

        parser: ‘babel-eslint‘

    ,

    rules: 

        ‘no-console‘: process.env.NODE_ENV === ‘production‘ ? ‘error‘ : ‘off‘,

        ‘no-debugger‘: process.env.NODE_ENV === ‘production‘ ? ‘error‘ : ‘off‘,

        ‘space-before-function-paren‘: 0

        // ‘eqeqeq‘: false,

        // ‘vue/valid-template-root‘: false,

        // ‘spaced-comment‘: false,

        // ‘quotes‘: false,

        // ‘eol-last‘: false,

        // ‘key-spacing‘: false,

        // ‘vue/valid-v-for‘:false,

        // ‘vue/no-unused-vars‘:false,

        // ‘vue/no-parsing-error‘:false