From e17e94cbebb4615fcd26f426b60b81238e69a5e9 Mon Sep 17 00:00:00 2001 From: qiangyanwen <508737091@qq.com> Date: Sun, 14 Aug 2022 17:02:19 +0800 Subject: [PATCH] testcase --- package-lock.json | 11 +++++++++++ package.json | 1 + src/main.js | 1 + src/utils/request.js | 10 ++++++++++ 4 files changed, 23 insertions(+) diff --git a/package-lock.json b/package-lock.json index 2d6956c..2ccbb8b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "axios": "^0.27.2", "core-js": "^3.8.3", "echarts": "^5.3.3", + "nprogress": "^0.2.0", "pinia": "^2.0.18", "pinia-plugin-persist": "^1.0.0", "vue": "^3.2.13", @@ -7661,6 +7662,11 @@ "node": ">=4" } }, + "node_modules/nprogress": { + "version": "0.2.0", + "resolved": "https://registry.npmmirror.com/nprogress/-/nprogress-0.2.0.tgz", + "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==" + }, "node_modules/nth-check": { "version": "2.1.1", "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz", @@ -17229,6 +17235,11 @@ "path-key": "^2.0.0" } }, + "nprogress": { + "version": "0.2.0", + "resolved": "https://registry.npmmirror.com/nprogress/-/nprogress-0.2.0.tgz", + "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==" + }, "nth-check": { "version": "2.1.1", "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz", diff --git a/package.json b/package.json index a4e8282..9273ced 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "axios": "^0.27.2", "core-js": "^3.8.3", "echarts": "^5.3.3", + "nprogress": "^0.2.0", "pinia": "^2.0.18", "pinia-plugin-persist": "^1.0.0", "vue": "^3.2.13", diff --git a/src/main.js b/src/main.js index b5c0089..74e9f5c 100644 --- a/src/main.js +++ b/src/main.js @@ -6,6 +6,7 @@ import router from './router' import './assets/css/style.css' import Echarts from "vue-echarts"; import "echarts" +import "nprogress/nprogress.css" const app = createApp(App) import {createPinia} from "pinia"; const pina = createPinia() diff --git a/src/utils/request.js b/src/utils/request.js index b9641a6..2c29231 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -1,6 +1,7 @@ import axios from 'axios'; import {message} from "ant-design-vue"; import {useRouter} from "vue-router"; +import NProgress from "nprogress" const service = axios.create({ baseURL: 'http://192.168.0.103:8000/api', @@ -10,6 +11,7 @@ const router = useRouter() service.interceptors.request.use(function (config) { console.log(config) + NProgress.start() const token = window.sessionStorage.getItem("token") if (token !== "" || token != null || token != '') { config.headers["Authorization"] = "Bearer " +token @@ -23,4 +25,12 @@ service.interceptors.request.use(function (config) { }) +service.interceptors.response.use(function (response) { + NProgress.done(); + return response; +},function (error) { + + return Promise.reject(error) +}); + export default service; \ No newline at end of file