process.env在config文件的index.js不生效

问题遇到的现象和发生背景

因为我有个地方也要用后台接口域名 每次要改域名都要改两次 我就想着弄成就改一个地方就实现两个地方的效果

问题相关代码，请勿粘贴截图

但是在config 文件index里写入后 开启项目 就报错404找不到接口 那就是域名有问题

但是 我在别的技术文件里就能拿到

我打印也是确实改变了 是我要的效果 但是不知道为什么在config index文件里 写到target里就不行
希望有人能解答疑惑

// see http://vuejs-templates.github.io/webpack for documentation.
var path = require('path');

const devProxy = ['/pc','/weixin','android',...];  // 代理
var proEnv = require('./config/pro.env');  // 生产环境
var uatEnv = require('./config/uat.env');  // 测试环境
var devEnv = require('./config/dev.env');  // 本地环境
const env = process.env.NODE_ENV;
let target = '';
// 默认是本地环境
if(env==='production'){  // 生产环境
    target = proEnv.hosturl;
}else if(env==='test'){ // 测试环境
    target = uatEnv.hosturl;
}else{  // 本地环境
    target = devEnv.hosturl;
}
// 生成代理配置对象
let proxyObj = {};
devProxy.forEach((value, index) => {
    proxyObj[value] = {
        target: target,
        changeOrigin: true,
        pathRewrite: {
            [`^${value}`]: value
        }
    };
});

module.exports = {
    baseUrl: '/',
    outputDir: 'dist',
    devServer: {
        // open: process.platform === 'darwin',
        host: '0.0.0.0',
        port: 8080,
        https: false,
        hotOnly: false,
        disableHostCheck: true,
        // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#configuring-proxy
        proxy: proxyObj, // string | Object
        before: app => {}
    }
};

参考这种写法，而且吧你没必要这个样子去写，proxy 只是个代理，打包之后就不需要了，这样写了也没意义的
process.env 主要的目的就是为了区分生产环境和测试环境