引入axios网络请求

public/config.js

@@ -0,0 +1,4 @@
+window.publicConfig = {
+    // 请求地址
+    BASE_API:'http://btgym.xingtongworld.com/index.php?s=/api/',
+}

public/index.html

@@ -31,6 +31,7 @@
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
+    <script type="text/javascript" src="config.js"></script>
     <!-- built files will be auto injected -->
   </body>
 </html>

src/api/home.js

@@ -4,7 +4,7 @@ import request from '@/utils/request'
 // 定义接口的传参
 const api={
     // 日客流趋势
-    daily_klqs:'index.php/allGroupTimeNum?granularity=daily'
+    daily_klqs:'pass.passcc/allGroupTimeNum'
 }
 
 // 获取群组
@@ -12,6 +12,6 @@ export function allGroupTimeNum(param) {
     return request({
 		url: api.daily_klqs,
 		method: 'get',
-		param,
+		params:param,
 	})
 }

src/config/public.js

@@ -0,0 +1,5 @@
+
+window.publicConfig = {
+    // 请求地址
+    BASE_API: 'http://btgym.xingtongworld.com/index.php?s=/api/',
+}

src/main.js

@@ -3,4 +3,14 @@ import App from './App.vue'
 import router from './router'
 import store from './store'
 
-createApp(App).use(store).use(router).mount('#app')
+//axios
+import axios from 'axios'
+
+const app = createApp(App)
+app.use(router)
+app.provide('$axios', axios)
+app.mount("#app")
+
+// createApp(App).use(store)
+// .use(router)
+// .mount('#app')

src/utils/request.js

@@ -2,10 +2,13 @@ import axios from 'axios'
 
 //https://www.jb51.net/article/246548.htm
 
+//站点配置
+const publicConfig = window.publicConfig
+
 // 创建一个 axios 实例
 const service = axios.create({
 	//baseURL: '/api', // 所有的请求地址前缀部分
-	//baseURL: publicConfig.BASE_API,
+	baseURL: publicConfig.BASE_API,
 	//baseURL:ahost,
 	timeout: 60000, // 请求超时时间毫秒
 	withCredentials: true, // 异步请求携带cookie
@@ -30,13 +33,16 @@ service.interceptors.request.use(
 // 添加响应拦截器
 service.interceptors.response.use(
 	function (response) {
-		//console.log(response)
+		console.log(response)
 		// 2xx 范围内的状态码都会触发该函数。
 		// 对响应数据做点什么
 		// dataAxios 是 axios 返回数据中的 data
 		const dataAxios = response.data
 		// 这个状态码是和后端约定的
 		const code = dataAxios.reset
+		if(code!='1'){
+			return Promise.reject(response)
+		}
 		return dataAxios
 	},
 	function (error) {

src/views/HomeView.vue

@@ -151,6 +151,7 @@
 
 <script>
 import * as echarts from 'echarts';
+import * as btApi from '../api/home'
 
 export default {
   name: 'HomeView',
@@ -164,9 +165,18 @@ export default {
     this.showorders()
     this.cgrs_line()
     this.cgchart()
+    //
+    this.btgetdata()
   },
   // 方法
   methods: {
+    // 获取对应的参数
+    btgetdata(){
+      //
+      btApi.allGroupTimeNum({'granularity':'daily'}).then(res=>{
+        console.log(res)
+      });
+    },
     //选择年月日中的某个
     selitem(type) {
       this.klselt = type;