大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
今天给前端页面配置一个新的可供切换的环境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,
……
……
}
}
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/188231.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...