vue2 配置运行环境

在 vue2 项目中配置运行环境

• 在项目中新建 .env.development 文件 和 .env.production 文件
  
• .env.development

NODE_ENV = 'development'
//指定当前环境模式
VUE_APP_MODE = 'development'
VUE_APP_BASE_URL = "/dev-api"

• .env.production

NODE_ENV = "production"
//指定当前环境模式
VUE_APP_MODE = 'production'
VUE_APP_BASE_URL = "http://"  // 线上地址

• 配置 vue.config.js 文件

module.exports = {publicPath: process.env.NODE_ENV === "production" ? "./" : "/",outputDir: "dist",assetsDir: "static",devServer: {proxy: {[process.env.VUE_APP_BASE_URL]: {target: 'http://',  // 本地后台地址changeOrigin: true,pathRewrite: {[`^${process.env.VUE_APP_BASE_URL}`]: ''}}},},transpileDependencies: true,lintOnSave: false,
}

• request/index.js 中添加 baseURL

import axios from "axios"const request = axios.create({baseURL: process.env.VUE_APP_BASE_URL,timeout: 10000,headers: {"Content-Type": "application/x-www-form-urlencoded;charset=utf8",},responseType: "json",
})