系统配置
开发环境配置
环境变量配置
项目提供了两种环境的配置文件:
开发环境:
.env.development生产环境:
.env.production
主要配置项说明:
| 变量名 | 描述 | 开发环境值 | 生产环境值 |
|---|---|---|---|
VITE_APP_BASE_URL | API 请求基础地址 | http://127.0.0.1:8090/adminapi/ | /adminapi/ |
VITE_IMG_DOMAIN | 图片服务器域名 | http://127.0.0.1:8090/ | 空(使用相对路径) |
VITE_REQUEST_HEADER_TOKEN_KEY | 请求头中Token的参数名 | token | token |
VITE_REQUEST_HEADER_SITEID_KEY | 请求头中站点ID的参数名 | site-id | site-id |
构建配置
项目使用 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'
}
}
})