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

更新时间:2023-05-23 14:04:16 阅读: 评论:0

vue中如何添加⾃定义环境变量,v取值报错undefined
⼀. 前⾔
1. 我们在做vue单页应⽤的时候,会发现配置⽂件⾥有v字段
2. 如果⼿动修改代码中加载配置⽂件的路径也可以,但是太⿇烦,最重要的是很low
3. 依靠环境变量,标记服务器,这样就可以根据不同的环境,配置不同环境下我们所需要的东西。
例如:后端接⼝的域名。
⼆. 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
只要修改了webpack相关的东西就得重新打包 npm run rve 才能⽣效
实习报告

本文发布于:2023-05-23 14:04:16,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/925147.html

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

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