首页 > 其他分享 >Vue多环境配置

Vue多环境配置

时间:2024-02-28 09:34:14浏览次数:20  
标签:文件 Vue 配置文件 配置 环境 env

VUE项目使用.env配置多种环境

本文来源:VUE项目使用.env配置多种环境_.env.prod-CSDN博客

作者:櫆溟-CSDN博客

在Vue项目中,可以使用.env文件配置全局环境变量,就如同SpringBoot项目的application文件一样

第一步,创建多个环境配置文件

.env文件是默认的全局配置环境,无论是什么环境都会加载

.env.development 文件是开发环境,使用npm run server时默认会加载此配置文件

.env.production文件是生产环境,使用npm run build时默认会加载此配置文件

.env.stage 文件是用来定义一个中间环境的配置,通常用于测试应用程序在真实生产环境之前的稳定性和性能。

.env.自定义名称 根据自身要求,给此配置文件取名,前面一定是.env.

 

第二步,编写内容

 

第三步,在package.json文件中编写启动命令

 

第四步,输出环境变量并演示

 

 

标签:文件,Vue,配置文件,配置,环境,env
From: https://www.cnblogs.com/Jx0605/p/18039003

相关文章

  • ssts-hospital-web-master项目实战记录二十七:项目迁移-Vue项目与模型数据有关的问题
    记录时间:2024-02-28一、准备工作【使用“文心一言”搜索】Vue项目,推荐与模型数据有关的问题当然,以下是与Vue项目中模型数据相关的一些推荐问题:模型数据应该存储在哪里?考虑到数据的大小、敏感性和使用频率,我应该将模型数据存储在客户端、服务器端还是两者都存储?对于存储在......
  • 编译opencapwap 编译环境加密库openssl版本调整
    1、删除原来版本:sudoapt-getremovelibssl1.0-devlibssl-dev删除链接:删除/bin/openssl2、下载版本wget--no-check-certificatehttps://www.openssl.org/source/old/1.0.0/openssl-1.0.0.tar.gz解压安装:tar-xzvf./openssl-OpenSSL_1_0_2t.tar.gzcdopenssl-OpenSSL......
  • Vue3学习(二十)- 富文本插件wangeditor的使用
    写在前面学习、写作、工作、生活,都跟心情有很大关系,甚至有时候我更喜欢一个人独处,戴上耳机coding的感觉。明显现在的心情,比中午和上午好多了,心情超棒的,靠自己解决了两个问题:新增的时候点击TreeSelect控件控制台会给出报错分类新增和编辑时,报错父类和电子书iD不能为空的问题......
  • 程序是在何种环境中运行的
    应用的运行环境是指操作系统和计算机本身(硬件)的种类。7.1运行环境=操作系统+硬件,让我们更加了解了运行环境。7.2讲述Windows克服了CPU以外的硬件差异。7.3介绍不同操作系统的API不同。7.4讲了FreeBSDPort帮你轻松使用源代码。7.5教我们利用虚拟机获得其他操作系统环境。......
  • 基于VsCode platformio的stm32开发环境搭建
    基于VsCodeplatformio的stm32开发环境搭建背景VsCode作为当下流行的编辑器,且不单单是一个编辑器里面集成了很多插件,使用这些插件可以完成很多功能。STM32开发环境除了KEIL与IAR,其实还有很多其他的开方方式,ST官方提供了很多的开发软件,基于Eclipse也可以搭建一套,使用VsCode配合......
  • Hyperledger Fabric出块配置详解
    HyperledgerFabric的出块主要是Orderer节点负责,出块配置位于创世区块中,支持定时出块、达到一定交易数出块两种条件。出块配置位于configtx.yaml中,修改出块配置后需要重新生成创世区块。相关参数若需要修改fabric的出块机制,则需要调整以下配置参数:BatchTimeout:出块超时时间,最......
  • RunnerGo UI自动化测试脚本如何配置
    RunnerGo提供从API管理到API性能再到可视化的API自动化、UI自动化测试功能模块,覆盖了整个产品测试周期。RunnerGoUI自动化基于Selenium浏览器自动化方案构建,内嵌高度可复用的测试脚本,测试团队无需复杂的代码编写即可开展低代码的自动化测试。 以一条简单的搜索场景为例,本文......
  • 你是怎么处理vue项目中的错误的?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、错误类型任何一个框架,对于错误的处理都是一种必备的能力在Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。主要的错误来源包括:后端接口错误代码中......
  • Vue学习笔记18--列表渲染
    总结: <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>列表渲染</title>&l......
  • 程序是在何种环境下进行的
    应用的运行环境指的是操作系统和计算机本身(硬件)的种类Macintosh用的操作系统(MacOS),在AT兼容机上无法运行。Windows上的应用,在MacOS上无法运行FreeBSD提供的Ports,指的是:通过使用源代码来提供应用,并根据运行环境进行整合编译,从而得以在该环境下运行的机制在Macintosh上可以......