添加axios

This commit is contained in:
zhcnyuyang 2025-06-08 19:49:53 +08:00
parent 21160355cc
commit 743479f728

View File

@ -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')