大屏项目初始化

screen-vue/src/utils/request.js

@@ -0,0 +1,50 @@
+import axios from 'axios'
+import { ElMessage } from 'element-plus'
+import router from '@/router'
+
+const service = axios.create({
+  baseURL: import.meta.env.PROD ? '' : '/api',
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json;charset=utf-8'
+  }
+})
+
+// 请求拦截器：添加token
+service.interceptors.request.use(
+  (config) => {
+    // 登录接口不添加token
+    if (!config.url.includes('/userLogin')) {
+      const token = localStorage.getItem('token')
+      if (token) {
+        config.headers.Authorization = token
+      }
+    }
+    return config
+  },
+  (error) => Promise.reject(error)
+)
+
+// 响应拦截器：处理401未登录
+service.interceptors.response.use(
+  (response) => {
+    const res = response.data
+    if (res.code !== 200) {
+      if (res.code === 401) {
+        ElMessage.error(res.msg)
+        localStorage.removeItem('token')
+        router.push('/login')
+        return Promise.reject(res)
+      }
+      ElMessage.error(res.msg || '请求失败')
+      return Promise.reject(res)
+    }
+    return res.data
+  },
+  (error) => {
+    ElMessage.error(error.message || '网络异常')
+    return Promise.reject(error)
+  }
+)
+
+export default service