tag什么意思vue中如何添加⾃定义环境变量,v取值报错undefined
⼀. 前⾔宁为妓不为师
交朋友的英文1. 我们在做vue单页应⽤的时候,会发现配置⽂件⾥有v字段
2. 如果⼿动修改代码中加载配置⽂件的路径也可以,但是太⿇烦,最重要的是很low
3. 依靠环境变量,标记服务器,这样就可以根据不同的环境,配置不同环境下我们所需要的东西。
感恩节 英文例如:后端接⼝的域名。
mortal什么意思⼆. v(环境变量)
console.v);// 可以⾃⼰打印试试
三. 配置环境变量
1. 只有以 VUE_APP_开头的变量会被 webpack.DefinePlugin 静态嵌⼊到客户端侧的包中。因此我们创建⾃定义环境变量的时候都以 VUE_APP_
开头这样的形式,⽐如VUE_APP_XXX
2. 只要修改了webpack相关的东西就得重新打包 npm run rve 才能⽣效
四. 环境变量使⽤
金丝雀码头1. 在js⽂件或者在vue⽂件中v.{环境变量名},⽐如上⽂定义的VUE_APP_URL,使⽤v.VUE_APP_URL即可获取环境变量家翻译
家教价格
的值。
2. 在html⽂件中使⽤环境变量,采⽤模板引⽤指令<%= v.{环境变量名} %>,⽐如:
<script src="" app_id="<%= v.VUE_APP_URL %>"/>
五. 关于⽂件的加载
根据启动命令vue会⾃动加载对应的环境,vue是根据⽂件名进⾏加载的,⽐如执⾏npm run rve命令,会⾃动加
短裤英文
载.env.development⽂件,在需要⽤到的vue单页⾯中添加下⾯测试代码打印⼀下 console.v.VUE_APP_URL);六. v.VUE_APP_URL报错undefined
practical
只要修改了webpack相关的东西就得重新打包 npm run rve 才能⽣效