2021-11-22 VUE 全局变量

配置

文件位置：项目/.env.环境，如development
【请注意】以VUE_APP_开头

#.env.development
VUE_APP_CONTEXT_PATH = /
VUE_APP_API_BASEPATH = /api
#.env.production
VUE_APP_CONTEXT_PATH = /processman
VUE_APP_API_BASEPATH = /processman/api

使用

直接在js内写变量名称即可,如

        data(){
            return {
                serverUrl: process.env.VUE_APP_API_BASEPATH + "/servers",
                hostname: ""

            }

        },

module.exports = {
    publicPath: process.env.VUE_APP_CONTEXT_PATH,
    devServer: {
        proxy: {
            // detail: https://cli.vuejs.org/config/#devserver-proxy
            "/api": {
                target: 'http://localhost:3000',
                changeOrigin: true,
                pathRewrite: {
                    '^/api' : ''
                }
            }
        }
    }
}