chore(config): 统一Cesium Ion token配置方式

本次提交更新了Cesium Ion的访问令牌配置,确保开发和生产环境均能正确加载:
1. 更新 `.env.development` 和 `.env.production` 中的 `VITE_CESIUM_ION_TOKEN` 为有效值
2. 修改 `MapViewport.vue` 和 `MapCenter.vue`,将 token 设置逻辑改为直接赋值并添加默认值作为后备,避免因环境变量缺失导致 Cesium 初始化失败
3. 调整 `vite.config.js` 中 `loadEnv` 的路径参数及 `envDir` 配置,确保 Vite 能正确读取项目根目录下的 `.env` 文件
This commit is contained in:
linhu 2026-03-28 14:55:27 +08:00
parent aed67a2cc8
commit 08d5400969
5 changed files with 7 additions and 11 deletions

View File

@ -2,4 +2,4 @@
# 开发环境
VITE_API_BASE_URL=http://localhost:3000/api
VITE_CESIUM_ION_TOKEN=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3ZWYyYWYyZi05YmQxLTQzODQtYTIyZi1mMTg2NTAxZGY4NGIiLCJpZCI6MTgzNTU5LCJpYXQiOjE3MDIyMTA3NDZ9.ngQ_4Jd-HsbK_MpofsFs9lUnpRcYCdOcObRVqoOS56U
VITE_CESIUM_ION_TOKEN=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMGE2MTYzOS02OTA3LTRhZDEtYmFmYi01YWZmNDJmZGRlODgiLCJpZCI6MTEwNDE2LCJpYXQiOjE3NjY3MTE5MzR9.MtiUq510xS8C3Wm1rgHCloJqv0dlxIL0CfOIHj4uHBY

View File

@ -2,4 +2,4 @@
# 生产环境
VITE_API_BASE_URL=https://api.example.com
VITE_CESIUM_ION_TOKEN=
VITE_CESIUM_ION_TOKEN=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMGE2MTYzOS02OTA3LTRhZDEtYmFmYi01YWZmNDJmZGRlODgiLCJpZCI6MTEwNDE2LCJpYXQiOjE3NjY3MTE5MzR9.MtiUq510xS8C3Wm1rgHCloJqv0dlxIL0CfOIHj4uHBY

View File

@ -20,10 +20,7 @@ const mapStore = useMapStore()
const route = useRoute()
let viewer = null
const ionToken = import.meta.env.VITE_CESIUM_ION_TOKEN
if (ionToken) {
Cesium.Ion.defaultAccessToken = ionToken
}
Cesium.Ion.defaultAccessToken = import.meta.env.VITE_CESIUM_ION_TOKEN || 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMGE2MTYzOS02OTA3LTRhZDEtYmFmYi01YWZmNDJmZGRlODgiLCJpZCI6MTEwNDE2LCJpYXQiOjE3NjY3MTE5MzR9.MtiUq510xS8C3Wm1rgHCloJqv0dlxIL0CfOIHj4uHBY'
onMounted(() => {
initViewer()

View File

@ -12,10 +12,8 @@ import { useMapStore } from '../../../../map/index.js'
const emit = defineEmits()
const mapStore = useMapStore()
const ionToken = import.meta.env.VITE_CESIUM_ION_TOKEN
if (ionToken) {
Cesium.Ion.defaultAccessToken = ionToken
}
Cesium.Ion.defaultAccessToken = import.meta.env.VITE_CESIUM_ION_TOKEN || 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMGE2MTYzOS02OTA3LTRhZDEtYmFmYi01YWZmNDJmZGRlODgiLCJpZCI6MTEwNDE2LCJpYXQiOjE3NjY3MTE5MzR9.MtiUq510xS8C3Wm1rgHCloJqv0dlxIL0CfOIHj4uHBY'
const mapContainer = ref(null);
const viewerRef = ref(null);

View File

@ -45,7 +45,7 @@ const resolveCliBase = () => {
}
export default defineConfig(({ command, mode }) => {
const env = loadEnv(mode, process.cwd(), '')
const env = loadEnv(mode, resolve(__dirname, '../..'), '')
const baseCandidate =
command === 'build'
? resolveCliBase() ??
@ -59,6 +59,7 @@ export default defineConfig(({ command, mode }) => {
const cesiumBaseUrl = resolvedBase === '/' ? '/cesium' : `/cesium`
return {
envDir: resolve(__dirname, '../..'),
base: resolvedBase,
plugins: [
vue(),