如何在部署时作为Springboot应用程序在vue js中动态设置env属性

Question

我将Vue Js和Springboot（前端和后端）打包在一个Jar文件中，并且vue文件被打包为静态内容在jar文件中。 我还在JS文件中具有特定于UI（前端）的env变量属性，这些属性在构建（npm运行构建）时配置到jar中，但是我希望我的jar是通用的，并在运行时/部署时设置这些Env属性。

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"dev"',
  PUT_DESIGNER_DOMAIN: '"mydesign-dev..com"'
  APP_DOMAIN: '"app-dev.int.com"'
})

Answer 1

您应该使用不同的名称（例如.env.dev，.env.prod）创建不同的.env文件。

然后针对不同的环境使用--mode创建自定义npm build命令。您可以为不同的环境创建不同的dist文件。

这里是文档；

https://cli.vuejs.org/guide/mode-and-env.html#environment-variables