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 才能⽣效
实习报告