首页 > 其他分享 >vue2环境变量配置开发环境和生产环境

vue2环境变量配置开发环境和生产环境

时间:2023-12-11 16:12:18浏览次数:31  
标签:development NODE VUE env process 环境 vue2 环境变量

在项目根目录下新建.env文件

写入变量比如本地链接

VUE_APP_BASE_API=http://127.0.0.1:5000/

在读取的时候使用process.env.VUE_APP_BASE_API就可以读到这个全局变量

process.env.NODE_ENV有两个值开发环境:development,部署环境:production 都为Srting字符串

下面示例给baseurl添加一个开发环境用的url和部署环境用的url

const baseURL = process.env.NODE_ENV === 'development'
  ? process.env.VUE_APP_BASE_API
  : 'https://wiki.19950823.xyz/' // 通过全局变量配置本次环境和开发环境的值

vue.config.js 配置编译打包后的目录

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: process.env.NODE_ENV === 'development' ? '/' : '../static/admin/'
})

标签:development,NODE,VUE,env,process,环境,vue2,环境变量
From: https://www.cnblogs.com/jaaks/p/17894661.html

相关文章

  • Java 环境搭建
    Java环境搭建Java本来是sun公司的,然后被Oracle收购了。因为Java本身也是开源产品,所以就出现了官方OracleJDK和开源的OpenJDK。这里一般搭建说的是OracleJDK~做Java开发的朋友跟我说,我们目前使用这个层面是无法感知两个版本的区别的,都能正常使用和学习。(我毕......
  • 使用代理打印浏览器环境 代码环境 吐环境
    1.js打印浏览器环境vareval_env_script="";varall_eval_env_script="";varbase_script="";//常用的proxy_array(按照"_"规范填写,后面会进行解析)varproxy_array=["window","window_document","window_locati......
  • 网安靶场环境_DVWA-读取文件报错File not found! Cookie中有两个security键
    DVWA-文件包含漏洞-读取文件报错-ERROR:Filenotfound!Cookie中有两个security键1问题复现(1)登录DVMA后,设置DVWASecurity为Low。 (2)进入FileInclusion,访问dvwa/vulnerabilities/fi目录下的的test.txt文件(自己创建的测试文件)。 (3)报错ERROR:Filenotfound!找不到文......
  • 无涯教程-MFC - 环境设置
    MicrosoftVisualC++是用于为MicrosoftWindows操作系统创建应用程序的编程环境。要在C++应用程序中使用MFC框架,必须已安装MicrosoftVisualC++或MicrosoftVisualStudio,MicrosoftVisualStudio还包含MicrosoftVisualC++环境。Microsoft提供了VisualStudio的免费版......
  • CentOS(7.6)环境下迁移Mysql(5.7)的data目录到指定位置
    第一步:关闭Mysql#关闭Mysql服务systemctlstopmysqld#查看Mysql服务状态ps-ef|grepmysql 第二步:创建新目录,并拷贝数据文件#创建data文件目录mkdir/data/mysql/data/#给mysql账号赋权chown-Rmysql:mysql/data/mysql/data/#拷贝数据到data文件下cp-a/var/lib/m......
  • 中国钢铁行业环境会计信息披露的研究——LW
    目 录摘 要........................................................I目 录........................................................Ⅱ第一章绪 论..................................................11.1研究背景和研究意义...............................
  • RISC-V 环境搭建问题----1
    在此记录一下搭建开源Vivado-risc-v项目时所遇到的一些问题本来已经弄好的差不多了,最后一看,下载的别人网盘的,版本落后了,只支持到vivado2022.1....只好重新拉一下最新的,又踩雷无数。1.wls2进行gitclone时连接拒绝原文:Ubuntu20.4WSL2无法访问github终极解决方案_ubuntug......
  • 无涯教程-LINQ - 环境设置
    在开始LINQ程序之前,最好首先了解设置LINQ环境的细微差别,LINQ需要一个.NET框架,这是一个革命性的平台,可以具有多种应用程序,LINQ查询可以方便地用C#或VisualBasic编写。Microsoft通过VisualStudio提供了针对这两种语言的工具,即C#和VisualBasic。无涯教程的示例都是在VisualSt......
  • 基于Docker容器搭建hadoop完全分布式集群环境
    简介物理机:windows10宿主机:Centos7虚拟机,需要安装Docker服务hadoop集群节点:3个centos7的容器,hadoop1、hadoop2、hadoop3组件:容器镜像:Centos7DockerCE24.0.7JDK1.8.0_181Hadoop3.1.31.新建虚拟机安装CentOS72.安装Docker2.1安装docker服务yum-yinstalldocke......
  • 【蟹山村抽化粪池服务】,专业清理,环保卫生,为您的生活环境保驾护航!
    蟹山村抽化粪池服务,致力于为您提供专业的清理服务,以保障您的生活环境的清洁与卫生。我们的团队拥有丰富的经验和专业的技术,能够高效地清理和处理各类化粪池,确保您的生活环境清新无臭,让您远离污水污染的困扰。初审朱小姐:l882OOO2548,专家团队在线解答,一分钟内回复率高达90%!我们......