Vue3 配置开发、测试、生产环境

技术栈：vite+vue3+axios+javascript

目标

拥有以下环境：

1. 开发环境 development
2. 测试环境 beta
3. 生产环境（也叫正式环境） production

为什么要区分？

1. 有的功能是分批次上线的，这个时候，通过环境变量来判断显示或者隐藏某些功能
2. 不同的环境有时候后端接口地址不一样，需要前端写死路径，当然这里有两种方式，一种是直接写死，一种是部署前端的时候做反向代理

环境安装

1. node.js

2. vscode

3. windows（macOS 忽略）

项目初始化

https://cn.vitejs.dev/guide/

环境配置

https://cn.vitejs.dev/guide/env-and-mode.html

多个后端接口地址怎么样？

1. 部署的时候特殊的路径直接转发

2. 直接写死，不建议这么做