ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vite配置env全局变量

2022-01-25 15:58:31  阅读:295  来源: 互联网

标签:APP 环境 开发 vite env 全局变量 VITE 分支


1:文件位置

2:env.d.ts配置(按照官网)

/// <reference types="vite/client" />

interface ImportMetaEnv {
  readonly VITE_APP_TITLE: string
  readonly VITE_REQUEST_BASE_UR: string | undefined
}

interface ImportMeta {
  readonly env: ImportMetaEnv
}

declare module '*.vue' {
  import { DefineComponent } from 'vue'
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>
  export default component
}

3:.env.production文件配置(生产环境)

# .env.production
NODE_ENV = 'production'
VITE_APP_TITLE= 'vite_admin'
VITE_REQUEST_BASE_URL= 'www.baidu.com'

4:.env.development文件配置(开发环境)

# .env.development
NODE_ENV = 'development'
VITE_APP_TITLE= 'vite_admin'
VITE_REQUEST_BASE_URL= 'www.baidu.com'

.env.development和.env.production内的变量必须以VUE_APP或VITE_APP开头

写在最后:

一直搞不清楚生产环境和开发环境分别是哪个阶段,特意查询了一下

原文链接:开发环境、生产环境、测试环境的区别 - 知乎

项目部署环境一般可分为三种:生产环境,测试环境,开发环境
开发环境( 0 --> 0.8):开发环境时程序猿们专门用于开发的服务器,开发环境的分支,开发环境的分支一般是feature分支

测试环境(0.8 --> 1):项目开发完成进入测试阶段,原开发环境代码克隆修改版,测试环境的分支一般是develop分支

生产环境(1 --> @next):生产环境是指正式提供对外服务的,一般会关掉错误报告,打开错误日志,是最重要的环境。部署分支一般为master分支

标签:APP,环境,开发,vite,env,全局变量,VITE,分支
来源: https://blog.csdn.net/long321041080/article/details/122686558

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有