AI写作智能体 自主规划任务,支持联网查询和网页读取,多模态高效创作各类分析报告、商业计划、营销方案、教学内容等。 广告
### vue项目使用.env文件配置全局环境变量 关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 ![](https://img-blog.csdnimg.cn/20190705104526315.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3c0MDU3MjI5MDc=,size_16,color_FFFFFF,t_70) \================================================================================================ 关于文件内容: 注意:属性名必须以VUE\_APP\_开头,比如VUE\_APP\_XXX .env: ![](https://img-blog.csdnimg.cn/20190705105850614.png) .env.development: ![](https://img-blog.csdnimg.cn/20190705105825851.png) \================================================================================================ 关于文件的加载: 根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载的,所以上面说“不要乱起名,也无需专门控制加载哪个文件” 比如执行npm run serve命令,会自动加载.env.development文件 启动项目: ![](https://img-blog.csdnimg.cn/20190705105053634.png) 打印process.env属性(全局属性,任何地方均可使用): ![](https://img-blog.csdnimg.cn/20190705105759859.png) ![](https://img-blog.csdnimg.cn/20190705105149694.png) 可见NODE\_ENV被改为了development,覆盖掉了.env中的全局属性 .env中的全局属性NODE\_ENV、VUE\_APP\_URL被覆盖, .env中的全局属性VUE\_APP\_PREVIEW、VUE\_APP\_DEFAULT\_PARAM被保留