系统配置
开发环境配置
环境变量配置
项目提供了两种环境的配置文件:
开发环境:
.env.development线上环境:
.env.production
主要配置项说明:
| 配置项 | 说明 |
|---|---|
| VITE_APP_BASE_URL | API 请求基础地址 |
| VITE_IMG_DOMAIN | 图片服务器地址 |
| VITE_REQUEST_HEADER_TOKEN_KEY | 请求头中 token 的参数名 |
| VITE_REQUEST_HEADER_SITEID_KEY | 请求头中站点的参数名 |
构建配置
项目使用 Vite 作为构建工具,主要配置位于 vite.config.ts 文件中:
typescript
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vitejs.dev/config/
export default defineConfig({
base: '',
server: {
host: '0.0.0.0'
},
plugins: [
vue(),
AutoImport({ resolvers: [ElementPlusResolver()] }),
Components({ resolvers: [ElementPlusResolver()] })
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
'assets': fileURLToPath(new URL('./src/assets', import.meta.url)),
'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
}
}
})