数据请求地址可配置

index.html

@@ -6,6 +6,7 @@
   <link rel="icon" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <script src="/src/assets/js/leaderline.js"></script>
+  <script src="/src/config.js"></script>
   <title>元宇宙 App</title>
   <style>
     * {

src/components/left.vue

@@ -49,9 +49,7 @@
                     </ul>
                     <div ref="testMain" style="height: 310px;overflow: hidden;">
                         <ul v-for="item in classRoom" @mouseenter="testMove" @mouseleave="testMend">
-                            <li>
-                                {{ item.class }}
-                            </li>
+                            <li> {{ item.class }} </li>
                             <li>{{ item.status }}</li>
                             <li>{{ item.people }}</li>
                             <li>{{ item.percentage }}</li>

src/config.js

@@ -0,0 +1,7 @@
+window.g = {
+    // 获取数据请求地址
+    BASE_API: "http://192.168.4.219:12397/ioc-server",
+
+
+
+};

src/request/api.js

@@ -1,11 +1,17 @@
-import { get, post } from './http'
 
+import { service } from './http'
 
-export const testApi = p => post(`https://test.lqkj.top/wsngt-server/system/sysuser/bind/ticket?userCode${p}`)
 
-export const getClass = () => get("http://192.168.4.219:12397/ioc-server/wisdomClass/classroomStatistic")
+// export const getClass = () => get("http://192.168.4.219:12397/ioc-server/wisdomClass/classroomStatistic")
 
-export const getDevice = () => get("http://192.168.4.219:12397/ioc-server/wisdomClass/deviceStatistic")
 
+export const getClass = () => service.get("/wisdomClass/classroomStatistic")
 
-export const getClassDetail = (deviceCode) => get(`http://192.168.4.219:12397/ioc-server/wisdomClass/deviceDetail/${deviceCode}`)
+
+
+
+
+export const getDevice = () => service.get("/wisdomClass/deviceStatistic")
+
+
+export const getClassDetail = (deviceCode) => service.get(`/wisdomClass/deviceDetail/${deviceCode}`)

src/request/http.js

@@ -1,11 +1,19 @@
 import axios from 'axios'
 import { ElMessage } from 'element-plus';
 
-// 请求超时时间
-axios.defaults.timeout = 10000
+
+export const service = axios.create({
+    baseURL: window.g.BASE_API,
+    // withCredentials: true, // 跨域请求时发送 cookies
+    timeout: 10000
+
+})
+
+
+
 
 // 请求拦截器
-axios.interceptors.request.use(
+service.interceptors.request.use(
     config => {
         // const token = session.get('Token');
         // token && (config.headers.Authorization = token);
@@ -20,7 +28,7 @@ axios.interceptors.request.use(
 )
 // 响应请求拦截器
 
-axios.interceptors.response.use(
+service.interceptors.response.use(
     response => {
         // console.log("response", response)
         if (response.status === 200) {
@@ -51,7 +59,7 @@ axios.interceptors.response.use(
 
 export function get(url, params) {
     return new Promise((resolve, reject) => {
-        axios.get(url, {
+        service.get(url, {
             params
         }).then(res => {
             resolve(res)
@@ -62,9 +70,8 @@ export function get(url, params) {
 }
 
 export function post(url, params) {
-
     return new Promise((resolve, reject) => {
-        axios.post(url, {
+        service.post(url, {
             data: params
         }).then(res => {
             resolve(res)

vite.config.js

@@ -6,6 +6,7 @@ import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import postCssPxToRem from "postcss-pxtorem";
 
 export default defineConfig({
+  base: './',//相对路径
   plugins: [
     vue(),
     Components({