vue中如何添加自定义环境变量,v取值报错undefined

更新时间:2023-05-31 22:02:20 阅读: 评论:0

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 才能⽣效

本文发布于:2023-05-31 22:02:20,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/78/822731.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:环境变量   环境   配置   添加   端接   命令   开头
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图