From b3bdb8afbaf3189f34c1909d8e43ab142ce296ea Mon Sep 17 00:00:00 2001 From: Qing Date: Thu, 29 Jun 2023 15:40:35 +0800 Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E5=8F=B0=E9=A1=B5=E9=9D=A2=E6=A1=86?= =?UTF-8?q?=E6=9E=B6=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/home/index.js | 5 + src/components/Header.vue | 62 +++++++ src/components/Home.vue | 245 ++++++++++++++++++++++++++++ src/components/Monthly.vue | 15 ++ src/components/Paper.vue | 15 ++ src/components/Ranking.vue | 15 ++ src/main.js | 4 +- src/router/index.js | 58 ++++--- src/utils/http.js | 21 +++ src/utils/request.js | 35 ++++ src/views/AboutView.vue | 5 - src/views/HomeView.vue | 325 ------------------------------------- src/views/LoginView.vue | 227 -------------------------- src/views/index.vue | 27 +++ 14 files changed, 480 insertions(+), 579 deletions(-) create mode 100644 src/api/home/index.js create mode 100644 src/components/Header.vue create mode 100644 src/components/Home.vue create mode 100644 src/components/Monthly.vue create mode 100644 src/components/Paper.vue create mode 100644 src/components/Ranking.vue create mode 100644 src/utils/http.js create mode 100644 src/utils/request.js delete mode 100644 src/views/AboutView.vue delete mode 100644 src/views/HomeView.vue delete mode 100644 src/views/LoginView.vue create mode 100644 src/views/index.vue diff --git a/src/api/home/index.js b/src/api/home/index.js new file mode 100644 index 0000000..aa37cb6 --- /dev/null +++ b/src/api/home/index.js @@ -0,0 +1,5 @@ +import http from '@/utils/http'; + +export function homeData(params){ + return http.get('/api/list', params) +} \ No newline at end of file diff --git a/src/components/Header.vue b/src/components/Header.vue new file mode 100644 index 0000000..ffb0c8d --- /dev/null +++ b/src/components/Header.vue @@ -0,0 +1,62 @@ + + + + + \ No newline at end of file diff --git a/src/components/Home.vue b/src/components/Home.vue new file mode 100644 index 0000000..a15e197 --- /dev/null +++ b/src/components/Home.vue @@ -0,0 +1,245 @@ + + + + + \ No newline at end of file diff --git a/src/components/Monthly.vue b/src/components/Monthly.vue new file mode 100644 index 0000000..84695ea --- /dev/null +++ b/src/components/Monthly.vue @@ -0,0 +1,15 @@ + + + + + \ No newline at end of file diff --git a/src/components/Paper.vue b/src/components/Paper.vue new file mode 100644 index 0000000..93f307a --- /dev/null +++ b/src/components/Paper.vue @@ -0,0 +1,15 @@ + + + + + \ No newline at end of file diff --git a/src/components/Ranking.vue b/src/components/Ranking.vue new file mode 100644 index 0000000..ace378f --- /dev/null +++ b/src/components/Ranking.vue @@ -0,0 +1,15 @@ + + + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index b829e5f..31b1454 100644 --- a/src/main.js +++ b/src/main.js @@ -9,6 +9,6 @@ Vue.config.productionTip = false Vue.use(Element); new Vue({ - router, - render: h => h(App) + router, + render: h => h(App) }).$mount('#app') diff --git a/src/router/index.js b/src/router/index.js index 31e634d..7300276 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,33 +1,51 @@ import Vue from 'vue' import VueRouter from 'vue-router' -import HomeView from '../views/HomeView.vue' +import index from '../views/index.vue' +import home from "@/components/Home.vue"; +import monthly from "@/components/Monthly.vue"; +import ranking from "@/components/Ranking.vue"; +import paper from "@/components/Paper.vue"; Vue.use(VueRouter) const routes = [ - { - path: '/', - name: 'home', - component: HomeView - }, - { - path: '/about', - name: 'about', - // route level code-splitting - // this generates a separate chunk (about.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue') - }, - { - path: '/login', - name: 'login', - component: ()=>import('../views/LoginView.vue') - } + { + path: '/', + redirect: '/index' + }, + { + path: '/index', + redirect: '/home', + name: 'index', + component: index, + children: [ + { + path: '/Home', + name: 'Home', + component: home + }, + { + path: '/monthly', + name: 'monthly', + component: monthly + }, + { + path: '/ranking', + name: 'ranking', + component: ranking + }, + { + path: '/paper', + name: 'paper', + component: paper + }, + ] + } ] const router = new VueRouter({ - routes + routes }) export default router diff --git a/src/utils/http.js b/src/utils/http.js new file mode 100644 index 0000000..4f3254b --- /dev/null +++ b/src/utils/http.js @@ -0,0 +1,21 @@ +import request from './request'; + +// eslint-disable-next-line no-unused-vars +const http = { + get(url, params) { + const config = { + method: 'GET', + url: url, + params: params ? params : {}, + } + return request(config); + }, + post(url, data) { + const config = { + method: 'POST', + url: url, + data: data ? data : {}, + } + return request(config); + } +} diff --git a/src/utils/request.js b/src/utils/request.js new file mode 100644 index 0000000..6cb3093 --- /dev/null +++ b/src/utils/request.js @@ -0,0 +1,35 @@ +import axios from 'axios' // 使用前要先安装依赖：npm install axios + +// 创建axios实例 +const service = axios.create({ + // 这里可以放一下公用属性等。 + baseUrl: 'http://localhost:8082/helloGithub_war_exploded/', // 用于配置请求接口公用部分，请求时会自动拼接在你定义的url前面。 + withCredentials: false, // 跨域请求时是否需要访问凭证 + timeout: 3 * 1000, // 请求超时时间 +}) + +// 请求拦截器 +service.interceptors.request.use(config => { + // 给管理后台的接口设置header头，添加Authorzation属性 + let token = sessionStorage.getItem('token') + config.headers['Authorization'] = token//给header头添加token值 + + return config +}, error => { + // 出现异常 + return Promise.reject(error); +}) + +service.interceptors.response.use(response => { + // 后台正常响应的状态，如果是200， 说明后台处理没有问题 + /* if (response.status == 200) { + return response.data; + } */ + // return response.data 可以在这里统一的获取后台响应的数据进行返回，而这里面就没有请求头那些 + return response +}, error => { + return Promise.reject(error); +}) + + +export default service; diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue deleted file mode 100644 index 3fa2807..0000000 --- a/src/views/AboutView.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue deleted file mode 100644 index 30ebf04..0000000 --- a/src/views/HomeView.vue +++ /dev/null @@ -1,325 +0,0 @@ - - - - diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue deleted file mode 100644 index 8614085..0000000 --- a/src/views/LoginView.vue +++ /dev/null @@ -1,227 +0,0 @@ - - - - - - diff --git a/src/views/index.vue b/src/views/index.vue new file mode 100644 index 0000000..1d2fdee --- /dev/null +++ b/src/views/index.vue @@ -0,0 +1,27 @@ + + + +