小程序开发定制关于配置开发、测试、小程序开发定制生产环境的记录。
一、创建配置文件
1、与src目录同级创建配置文件
|
|—src— |
|—components
|—views
|—.env.development
|—.env.production
|—.env.test
2、文件配置内容
MODE :用于区分每个环境
PROXY_PREFIX :代理
VUE_APP_API_URL :环境地址
①.env.development
MODE = 'development'PROXY_PREFIX = '/singOn'DR_APP_API_URL = 'http://192.168.1.112:8080'
- 1
- 2
- 3
- 4
- 5
②.env.production
MODE = 'production'PROXY_PREFIX = '/baisc-information'BASE_PREFIX = '/cloud-sso'DR_APP_API_URL = 生产环境地址
- 1
- 2
- 3
- 4
- 5
- 6
- 7
③.env.test
MODE = 'test'BASE_PREFIX = '/cloud-sso'PROXY_PREFIX = '/baisc-information'IS_TEST = trueDR_APP_API_URL = 测试环境地址
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
二、各环境代理配置
vite.config.ts文件:
const server: any = { // host设置为true才可以使用network的形式,以ip访问项目 host: true, // 端口号 port: 8080, // 自动打开浏览器 open: false, // 跨域设置允许 cors: true, // 如果端口已占用直接退出 strictPort: true, proxy: {} } server.proxy[env.PROXY_PREFIX] = { target: env.VUE_APP_API_URL, changeOrigin: true, rewrite: (p) => p.replace(env.DR_PROXY_PREFIX, '/'), }
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
三、配置打包
package.json文件:
在scripts中添加:"test": "vite build --mode test"
综上:通过npm run build(yarn build)打包的为生产环境,npm run test(yarn test)打包的为测试环境。