.env 文件详解（vite）

本文主要是介绍.env 文件详解（vite），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

• .env.development 开发环境
• .env.production 正式环境
• .env.test 测试环境

.env文件内容：

• 开发环境

# 当前环境，VITE_ 开头
VITE_NODE_ENV = 'development'
# 请求基地址
VITE_BASE_URL = '/api'
# 本地代理目标地址，在proxy里面target里面用
VITE_BASE_API = 'http://It's Your Addrese.net'

• 测试环境

VITE_NODE_ENV = 'test'
# 请求基地址
VITE_BASE_URL = 'http://It's Your test Addrese.net'

• 正式环境

VITE_NODE_ENV = 'production'
# 请求基地址
VITE_BASE_URL = 'http://It's Your prod Addrese.net'

package.json文件

  "scripts": {"dev": "vite", // 默认读取 .env.development文件，会将process.env.NODE_ENV设置为development；"build": "vue-tsc --noEmit && vite build --mode production", "build:test": "vue-tsc --noEmit && vite build --mode test","build:dev": "vue-tsc --noEmit && vite build --mode development","preview": "vite preview","type-check": "vue-tsc --build --force","lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},

这篇关于.env 文件详解（vite）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---