首页 > 其他 > 详细

vue-element-admin 开发,测试,线上环境配置

时间:2020-07-28 22:53:44      阅读:429      评论:0      收藏:0      [点我收藏+]

一、.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 = ‘正式环境请求接口的域名‘

 

vue-element-admin 开发,测试,线上环境配置

原文:https://www.cnblogs.com/aishangliming/p/13393026.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!