vue项目环境变量配置的实现方法 - 行业资讯 - 肥雀云

实际开发中,开发环境和生产环境中一些变量是不同的,比如接口地址等等,打包之前需要手动切换。

新建js 　　　　　　让baseUrl="; 　　如果(process.env。NODE_ENV==?{ 　　baseUrl=' https://xxxxxxxxx '; 　　如果(process.env}其他。NODE_ENV=='发展'){ 　　baseUrl='/api ' 　　} 　　　　{出口　　baseUrl 　　} 　　　　之前　　　　

process.env。NODE_ENV是通过webpack内置的DefinePlugin为所有的依赖定义的变量

webpack.dev.conf.js 　　　　　　新webpack.DefinePlugin ({ 　　“process.env。NODE_ENV”:“发展” 　　}), 　　之前　　　　

webpack.prod.conf.js 　　　　　　新webpack.DefinePlugin ({ 　　“process.env。NODE_ENV”:“生产” 　　}), 　　之前　　　　

这样在项目任意文件中都能调用process.env.NODE_ENV变量,本人测试过,过程并不是挂载在窗口变量上,猜测可能是挂载到了节点的过程变量。

在运行脚本编译项目的时候,会根据变量值的不同,设置不同的baseUrl。
　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。