vue多环境配置

1.首先替换你的项目根目录中的下列文件来指定环境变量:

.env                # 在所有的环境中被载入
.env.local # 在所有的环境中被载入,但会被 git 忽略
.env.[mode] # 只在指定的模式中被载入
.env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略

注:如果有就替换掉,如果没有就新建,[mode]代表变量,.local会被git忽略
附:这里是我项目配置的三个环境配置vue多环境配置
一个环境文件只包含环境变量的“键=值”对:

NODE_ENV = 'test'
NODE_ENV = 'development'
NODE_ENV = 'production'

注:为一个特定模式准备的环境文件 (例如 .env.production) 将会比一般的环境文件 (例如 .env) 拥有更高的优先级。
此外,Vue CLI 启动时已经存在的环境变量拥有最高优先级,并不会被 .env 文件覆写。
如果在环境中有默认的 NODE_ENV,你应该移除它或在运行 vue-cli-service 命令的时候明确地设置 NODE_ENV

2.然后在package.json中配置不同环境的打包命令:
附我的打包命令代码:build为默认打包命令,这里我圈起来的就是我们刚才配置的不同环境的打包命令vue多环境配置
重点:–mode 选项参数为命令行覆写默认的模式,例如,如果你想要在构建命令中使用开发环境变量就要加上–mode

3.然后开始配置不同环境对应不同的请求前缀 ,也就是不同的域名或者ip地址,一般这个文件是放在config文件夹中你随便创建一个js文件
附我的不同环境下的域名(这里的域名我随便写的,baseurl = ‘这里写你的请求地址’)vue多环境配置

4.然后在你的请求js文件中使用baseUrl,附我的request.jsvue多环境配置
然后你就可以打包不同的环境了
记得先安装依赖(安装依赖方法:在你的终端里写cnpm i,然后回车,等安装完就OK了,如果你运行cnpm i报错了,就在终端里执行npm install -g cnpm --registry=https://registry.npm.taobao.org,然后再安装依赖)
例如我的代码现在的打包命令就是: npm run test / npm run dev / npm run prod(三个环境选择一个你需要的进行打包)——>cd dist ——> http-server,搞定

觉得小弟写的还不错的,记得点赞打赏,感激不尽
vue多环境配置

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

vue多环境配置

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » vue多环境配置
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏