1.env 文件的使用

env 文件通常用来配置开发环境和测试环境不同的参数，比方说url等。

可以看下面的两个配置

NODE_ENV='development'
VUE_APP_NODE_MODE='dev'
VUE_APP_LWZ_API='/lwzApi'
VUE_APP_USER_API='/user'
VUE_APP_NEW_API='/newApi'
VUE_APP_ENCRYPT_ENABLE='false'

NODE_ENV='production'
VUE_APP_NODE_MODE='prod'
VUE_APP_LWZ_API='https://appapi.xxxxx.com/api/app'
VUE_APP_USER_API='https://api.user.xxxx.com'
VUE_APP_NEW_API='http://apiapp.event.xxxx.com/api/app'
VUE_APP_ENCRYPT_ENABLE='true'

 // proxy: 'http://localhost:8000'   // 配置跨域处理,只有一个代理
        proxy: {
            //配置自动启动浏览器
            '/lwzApi': {
                target: "http://192.168.1.201:30204",
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    '^/lwzApi': '/api/app',
                },
            },
            '/newApi': {
                target: "http://192.168.1.201:30224",
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    '^/newApi': '/api/app',
                },
            },        
            '/user': {
                target: "http://192.168.1.201:30200",
                changeOrigin: true,
                secure: false,
                pathRewrite: {
                    '^/user': '/',
                },
            }
        },

需要理解一个问题上面开发环境前面的像‘/lwzApi’,这些只是一个标记，目的是为了处理在开发环境中跨域问题，先是自己标记一个这样一个前缀，然后再在vue.config.js将其替换掉，因为后端提供的接口压根没有这样的路径，只是前端为了区分，对于不同路径的接口，需要加不同的前缀，为了最后的区分。

'^/lwzApi': '/api/app',

上面的代表的是以 /lwzApi 开头的替换成 /api/app。