vue-element-admin 开发,测试,线上环境配置
一、.env.development 开发环境
# 开发环境 # 环境标志 ENV = 'development' # 基础API VUE_APP_BASE_API = '/api' VUE_CLI_BABEL_TRANSPILE_MODULES = true
开发环境需要配置跨域代理:在vue.config.js 中配置proxy
module.exports = { publicPath: "./", outputDir: "dist", assetsDir: "static", lintOnSave: process.env.NODE_ENV === "development", productionSourceMap: false, // 开发环境跨域代理 devServer: { port: port, open: true, overlay: { warnings: false, errors: true, }, proxy: { [process.env.VUE_APP_BASE_API]: { target: `本地调用接口的域名`, changeOrigin: true, pathRewrite: { ["^" + process.env.VUE_APP_BASE_API]: "", }, }, }, }, };
二、.env.staging 测试环境
# 测试环境 NODE_ENV = production # 环境标志 ENV = 'staging' # 基础API VUE_APP_BASE_API = “自己测试环境调用接口的域名”
三、.env.production 正式环境
# 生产环境 # 环境标志 ENV = 'production' # 基础API VUE_APP_BASE_API = '正式环境请求接口的域名'