今天给前端页面配置一个新的可供切换的环境UAT:
修改 package.json 的 scripts ：
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"build:uat": "vue-cli-service build --mode uat",
"lint": "vue-cli-service lint"
}在根目录下新建一个专用于UAT打包的配置文件：.env.uat
# 测试环境下配置
VUE_APP_API=http://bbbb.aaa.com/server
VUE_APP_VERSION =1.0.0但是！！如果直接运行打包 yarn build:uat 会发现所有的css都打到js中，并且打包出来的目录中没有js和css文件。解决方案是：
修改 . env.uat
# 测试环境下配置
#表明这是生产环境(需要打包)
NODE_ENV=production
VUE_APP_API=http://bbbb.aaa.com/server
VUE_APP_VERSION =1.0.0即可修复问题。
注意，这里.env文件只有以 VUE_APP_ 打头的变量才能在打包的过程中访问到。
比如我想添加一个变量用于处理发布路径，我可以在配置文件中，加入
#配置发布的路径
VUE_APP_PUBLIC_PATH=/xxxx/xxxx/使用的例子：vue.config.js
// 基础路径 注意发布之前要先修改这里
let baseUrl = process.env.VUE_APP_PUBLIC_PATH;
module.exports = {
publicPath: baseUrl,
lintOnSave: true,
devServer: {
publicPath: baseUrl,
……
……
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/188231.html原文链接：https://javaforall.net
