mock數據和后端請求接口如何共存

起因：
最近公司開發一個后台管理系統，前端用的是vue-element-admin。由於原型還沒
有給出，所以需要提供一個demo給領導看。而element-admin已經有一套完整的權
限校驗功能，所以無法改動太多。只能mock數據和后端數據結合，展示給領導看。

代碼展示：

devServer: {
    port: port,
    open: false, //設置瀏覽器是否自動打開
    overlay: {
        warnings: false,
        errors: true
    },
    proxy: {
        '/api/dev': { //因為mock數據是開頭是/api，這里用來區分是mock數據還是前端數據
            target: 'http://127.0.0.1:9000',
            ws: true,
            changeOrigin: true,
            pathRewrite: {
                '^/api/dev': '' //重定向代理的路徑，把/api/dev替換為空字符串
            }
        },

    },
    //這里有before和after兩種方式，但是有后端接口的話，改用after更好。
    after: require('./mock/mock-server.js'),