diff --git a/src/main.js b/src/main.js index 4ab0daa..756f5a4 100644 --- a/src/main.js +++ b/src/main.js @@ -4,7 +4,7 @@ import { createApp } from 'vue' import App from './App.vue' import router from './router.js' import axios from 'axios' -// import isMobile from 'ismobilejs' +import isMobile from 'ismobilejs' // 引入 Bootstrap CSS import 'bootstrap/dist/css/bootstrap.min.css' @@ -15,18 +15,36 @@ const app = createApp(App) axios.defaults.baseURL = 'https://cms2.yangprivate.site' // 全局挂载 axios,所有组件都可以 this.$axios 访问 app.config.globalProperties.$axios = axios - // 安全地获取 User Agent 并进行检测 -// let mobileDetectResult; -// if (typeof navigator !== 'undefined') { -// // isMobile() 函数需要一个 user-agent 字符串作为参数 -// mobileDetectResult = isMobile(navigator.userAgent); -// } else { -// // 为服务器端渲染 (SSR) 或其他非浏览器环境提供回退 -// // isMobile('') 会返回一个所有检测标志都为 false 的对象 -// mobileDetectResult = isMobile(''); -// } - -// app.config.globalProperties.$isMobile = mobileDetectResult; +let mobileDetectResult; +if (typeof navigator !== 'undefined') { + // isMobile() 函数需要一个 user-agent 字符串作为参数 + mobileDetectResult = isMobile(navigator.userAgent); +} else { + // 为服务器端渲染 (SSR) 或其他非浏览器环境提供回退 + // isMobile('') 会返回一个所有检测标志都为 false 的对象 + mobileDetectResult = isMobile(''); +} +app.config.globalProperties.$isMobile = mobileDetectResult; +//请求Global +try { + const response = await axios.get('/api/Global'); + app.config.globalProperties.$Global = response.data; // 示例:但不推荐 + console.log('Data fetched:', response.data); +} catch (error) { + console.error('Failed to fetch initial data:', error); + // 可以设置一个默认值或错误状态 + app.config.globalProperties.$Global = { error: 'Failed to load' }; +} +//请求About +try { + const response = await axios.get('/api/About'); + app.config.globalProperties.$About = response.data; // 示例:但不推荐 + console.log('Data fetched:', response.data); +} catch (error) { + console.error('Failed to fetch About data:', error); + // 可以设置一个默认值或错误状态 + app.config.globalProperties.$About = { error: 'Failed to load' }; +} app.use(router).mount('#app')