2022/6/2更新传了一下本项目代码,文章里写到的基本都有用到,可以clone了看一下下载地址https://github.com/shinjie1210/vite-config.git----------------------------------------------------------------------------------------------------------------------------本来准备接在之前的文章vite+vue3+elementplus教程https://mp.csdn.net/mp_blog/creation/editor/1221
2022/6/2更新传了一下本项目代码,文章里写到的基本都有用到,可以clone了看一下下载地址https://github.com/shinjie1210/vite-config.git----------------------------------------------------------------------------------------------------------------------------本来准备接在之前的文章vite+vue3+elementplus教程https://mp.csdn.net/mp_blog/creation/editor/1221
前言一般一个项目会配置多套环境：开发/测试/生产环境，每套环境的配置不一样，比如不同的运行环境配置的数据库不一样。config配置在前面的配置管理中https://www.cnblogs.com/yoyoketang/p/16629630.html，已经学会了在config.py文件写不同环境的配置类importosclassConfig(object):#DEBUG=FalseJSON_AS_ASCII=False#设置SECRET_KEYSECRET_KEY=os.urandom(24)#随机字符串classDevelopmentConfig(Config):"""开发环境"""DEBUG
前言一般一个项目会配置多套环境：开发/测试/生产环境，每套环境的配置不一样，比如不同的运行环境配置的数据库不一样。config配置在前面的配置管理中https://www.cnblogs.com/yoyoketang/p/16629630.html，已经学会了在config.py文件写不同环境的配置类importosclassConfig(object):#DEBUG=FalseJSON_AS_ASCII=False#设置SECRET_KEYSECRET_KEY=os.urandom(24)#随机字符串classDevelopmentConfig(Config):"""开发环境"""DEBUG
process-env在使用vue框架时，经常用到的俩种环境，一种是开发环境，一种是生产环境。平时开发使用的是开发环境，如果发布到线上时，需要切换为线上环境。可以通过不同配置不同的运行命令来自动切换环境。配置环境实现原理实现原理是采用nodeJS的顶层对象中的process.env（进程环境，返回一个包含用户环境信息的对象）属性，根据各个环境的配置文件区分和切换环境具体实例安装依赖npminstallprocess创建.env.prodand.env.dev文件文件创建在根目录下文件内容NODE_ENV=productionVUE_APP_API_ENDPOINT=https://api.**
process-env在使用vue框架时，经常用到的俩种环境，一种是开发环境，一种是生产环境。平时开发使用的是开发环境，如果发布到线上时，需要切换为线上环境。可以通过不同配置不同的运行命令来自动切换环境。配置环境实现原理实现原理是采用nodeJS的顶层对象中的process.env（进程环境，返回一个包含用户环境信息的对象）属性，根据各个环境的配置文件区分和切换环境具体实例安装依赖npminstallprocess创建.env.prodand.env.dev文件文件创建在根目录下文件内容NODE_ENV=productionVUE_APP_API_ENDPOINT=https://api.**
在项目或产品的迭代过程中，通常会有多套环境，常见的有：dev：开发环境sit：集成测试环境uat：用户接收测试环境pre：预生产环境prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于vue-cli（webpack）的项目中只需要添加.env.xxx文件，然后在package.json的scripts启动或打包命令中指定mode参数即可，获取环境变量时使用process.env.xxx。vite使用方式类似，但获取环境变量使用import.meta.env。1环境变量和模式上面提到，vite中使用import.meta.env的方式来获取环境变量。在main.ts中添加如
在项目或产品的迭代过程中，通常会有多套环境，常见的有：dev：开发环境sit：集成测试环境uat：用户接收测试环境pre：预生产环境prod：生产环境环境之间配置可能存在差异，如接口地址、全局参数等。在基于vue-cli（webpack）的项目中只需要添加.env.xxx文件，然后在package.json的scripts启动或打包命令中指定mode参数即可，获取环境变量时使用process.env.xxx。vite使用方式类似，但获取环境变量使用import.meta.env。1环境变量和模式上面提到，vite中使用import.meta.env的方式来获取环境变量。在main.ts中添加如
/***@function动态的设置env文件中某项配置值*@param$env_pathstringenv文件路径*@param$keystring配置项*@param$valstring|int配置值*@returnbool返回是否成功修改*@other如果env文件中没有这$key这一项，会在env文件末尾追加*/functionsetEnvVal($env_path,$key,$val){//获取数据$env_content=@file($env_path);$env_data=preg_grep('/^#'.$key.'=|^'.$key.'=/',$env_content);$ol
/***@function动态的设置env文件中某项配置值*@param$env_pathstringenv文件路径*@param$keystring配置项*@param$valstring|int配置值*@returnbool返回是否成功修改*@other如果env文件中没有这$key这一项，会在env文件末尾追加*/functionsetEnvVal($env_path,$key,$val){//获取数据$env_content=@file($env_path);$env_data=preg_grep('/^#'.$key.'=|^'.$key.'=/',$env_content);$ol
