| | |
| | | /* |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-11-16 09:04:33 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-07 17:30:53 |
| | | * @FilePath: \srs-police-web\src\router\axios.js |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. |
| | | */ |
| | | /** |
| | | * 全站http配置 |
| | | * |
| | |
| | | * isSerialize是否开启form表单提交 |
| | | * isToken是否需要token |
| | | */ |
| | | import axios from 'axios'; |
| | | import store from '@/store/'; |
| | | import router from '@/router/router'; |
| | | import {serialize} from '@/util/util'; |
| | | import {getToken} from '@/util/auth'; |
| | | import {Message} from 'element-ui'; |
| | | import website from '@/config/website'; |
| | | import {Base64} from 'js-base64'; |
| | | import NProgress from 'nprogress'; |
| | | import 'nprogress/nprogress.css'; |
| | | import axios from 'axios' |
| | | import store from '@/store/' |
| | | import router from '@/router/router' |
| | | import { serialize } from '@/util/util' |
| | | import { getToken } from '@/util/auth' |
| | | import { Message } from 'element-ui' |
| | | import website from '@/config/website' |
| | | import { Base64 } from 'js-base64' |
| | | import NProgress from 'nprogress' |
| | | import 'nprogress/nprogress.css' |
| | | |
| | | //默认超时时间 |
| | | axios.defaults.timeout = 10000; |
| | | axios.defaults.timeout = 60000 |
| | | //返回其他状态码 |
| | | axios.defaults.validateStatus = function (status) { |
| | | return status >= 200 && status <= 500; |
| | | }; |
| | | return status >= 200 && status <= 500 |
| | | } |
| | | //跨域请求,允许保存cookie |
| | | axios.defaults.withCredentials = true; |
| | | axios.defaults.withCredentials = true |
| | | // NProgress 配置 |
| | | NProgress.configure({ |
| | | showSpinner: false |
| | | }); |
| | | showSpinner: false |
| | | }) |
| | | //http request拦截 |
| | | axios.interceptors.request.use(config => { |
| | | //开启 progress bar |
| | | NProgress.start(); |
| | | //headers判断是否需要 |
| | | const authorization = config.authorization === false; |
| | | if (!authorization) { |
| | | config.headers['Authorization'] = `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}`; |
| | | } |
| | | //让每个请求携带token |
| | | const meta = (config.meta || {}); |
| | | const isToken = meta.isToken === false; |
| | | if (getToken() && !isToken) { |
| | | config.headers[website.tokenHeader] = 'bearer ' + getToken() |
| | | } |
| | | //headers中配置text请求 |
| | | if (config.text === true) { |
| | | config.headers["Content-Type"] = "text/plain"; |
| | | } |
| | | //headers中配置serialize为true开启序列化 |
| | | if (config.method === 'post' && meta.isSerialize === true) { |
| | | config.data = serialize(config.data); |
| | | } |
| | | return config |
| | | //开启 progress bar |
| | | NProgress.start() |
| | | //headers判断是否需要 |
| | | const authorization = config.authorization === false |
| | | if (!authorization) { |
| | | config.headers['Authorization'] = `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}` |
| | | } |
| | | //让每个请求携带token |
| | | const meta = (config.meta || {}) |
| | | const isToken = meta.isToken === false |
| | | if (getToken() && !isToken) { |
| | | config.headers[website.tokenHeader] = 'bearer ' + getToken() |
| | | } |
| | | //headers中配置text请求 |
| | | if (config.text === true) { |
| | | config.headers["Content-Type"] = "text/plain" |
| | | } |
| | | //headers中配置serialize为true开启序列化 |
| | | if (config.method === 'post' && meta.isSerialize === true) { |
| | | config.data = serialize(config.data) |
| | | } |
| | | return config |
| | | }, error => { |
| | | return Promise.reject(error) |
| | | }); |
| | | return Promise.reject(error) |
| | | }) |
| | | //http response 拦截 |
| | | axios.interceptors.response.use(res => { |
| | | //关闭 progress bar |
| | | NProgress.done(); |
| | | //获取状态码 |
| | | const status = res.data.code || res.status; |
| | | const statusWhiteList = website.statusWhiteList || []; |
| | | const message = res.data.msg || res.data.error_description || '未知错误'; |
| | | //如果在白名单里则自行catch逻辑处理 |
| | | if (statusWhiteList.includes(status)) return Promise.reject(res); |
| | | //如果是401则跳转到登录页面 |
| | | if (status === 401) store.dispatch('FedLogOut').then(() => router.push({path: '/login'})); |
| | | // 如果请求为非200否者默认统一处理 |
| | | if (status !== 200) { |
| | | Message({ |
| | | message: message, |
| | | type: 'error' |
| | | }); |
| | | return Promise.reject(new Error(message)) |
| | | } |
| | | return res; |
| | | //关闭 progress bar |
| | | NProgress.done() |
| | | //获取状态码 |
| | | const status = res.data.code || res.status |
| | | const statusWhiteList = website.statusWhiteList || [] |
| | | const message = res.data.msg || res.data.error_description || '未知错误' |
| | | //如果在白名单里则自行catch逻辑处理 |
| | | if (statusWhiteList.includes(status)) return Promise.reject(res) |
| | | //如果是401则跳转到登录页面 |
| | | if (status === 401) store.dispatch('FedLogOut').then(() => router.push({ path: '/login' })) |
| | | // 如果请求为非200否者默认统一处理 |
| | | if (status !== 200) { |
| | | Message({ |
| | | message: message, |
| | | type: 'error' |
| | | }) |
| | | return Promise.reject(new Error(message)) |
| | | } |
| | | return res |
| | | }, error => { |
| | | NProgress.done(); |
| | | return Promise.reject(new Error(error)); |
| | | }); |
| | | NProgress.done() |
| | | return Promise.reject(new Error(error)) |
| | | }) |
| | | |
| | | export default axios; |
| | | export default axios |