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:
parent
aed67a2cc8
commit
08d5400969
@ -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
|
||||
|
||||
@ -2,4 +2,4 @@
|
||||
|
||||
# 生产环境
|
||||
VITE_API_BASE_URL=https://api.example.com
|
||||
VITE_CESIUM_ION_TOKEN=
|
||||
VITE_CESIUM_ION_TOKEN=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMGE2MTYzOS02OTA3LTRhZDEtYmFmYi01YWZmNDJmZGRlODgiLCJpZCI6MTEwNDE2LCJpYXQiOjE3NjY3MTE5MzR9.MtiUq510xS8C3Wm1rgHCloJqv0dlxIL0CfOIHj4uHBY
|
||||
|
||||
@ -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()
|
||||
|
||||
@ -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);
|
||||
|
||||
|
||||
@ -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(),
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user