1.post,get请求数据
import axios from 'axios'
import store from '@/store'
import router from '@/router'
import Vue from 'vue'
import serviceConfig from './service-config'
import { removeItem } from './storage'
import { checkTokenExpire } from './tokenExpire'let baseURL = serviceConfig.VUE_APP_BASE_API; // 根据当前环境获取对应的服务地址
const service = axios.create({baseURL: baseURL,timeout: 500000 // request timeout
})
axios.defaults.withCredentials = true;
// 请求拦截器
service.interceptors.request.use(config => {// 统一注入tokenif (store.getters.tokenInfo) {//拦截请求判断处理token是否过期checkTokenExpire(config);// 如果有tokenconfig.headers['Authorization'] = `Bearer ${store.getters.tokenInfo.accessToken}`}// 必须返回配置let url = config.url// get参数编码 needEncode=true 进行encodeURIComponentif (config.needEncode && config.method === 'get' && config.params) {url += '?'let keys = Object.keys(config.params)for (let key of keys) {config.params[key] && (url += `${key}=${encodeURIComponent(config.params[key])}&`)}url = url.substring(0, url.length - 1)config.params = {}}config.url = urlreturn config
}, error => {Promise.reject(error)
})// 响应拦截器
service.interceptors.response.use(response => {/*** 下面的注释为通过在response里，自定义code来标示请求状态* 当code返回如下情况则说明权限有问题，登出并返回到登录页* 如想通过 xmlhttprequest 来状态码标识 逻辑可写在下面error中* 以下代码均为样例，请结合自生需求加以修改，若不需要，则可删除*/const res = response.data;if (response.config.url.indexOf('/api-dispose/dispose/api/table/commExportResource') > -1) {return response;}// token失效返回的状态码A0001(因为refresh_token也是有时效的所以这里的失效机制保留) 账号在其他设备登录A0002if (res.code !== '00000') {if (res.code == 'A0001' || res.code === 'A0002') {localStorage.clear();removeItem();Vue.prototype.$message.error(res.message || res.errorMsg)router.push('/login')} else if (res.code == '50010') {Vue.prototype.$message.error(res.errorMsg)} else {// 其他失败状态码做统一拦截Vue.prototype.$message.error(res.message || res.errorMsg)}}return response.data;
}, error => {return Promise.reject(error)
})// 导出 axios 实例
export default service使用方法
import request from '@/utils/request'// 平均气温、年积温说明
export function instruction1(data) {return request({url: `/api-scientific/`,method: 'get',params: data})
}
// 平均气温、年积温说明
export function instruction2(data) {return request({url: `/api-scientific/`,method: 'post',data: data})
}2.下载文件
import axios from 'axios'
import store from '@/store'
import Vue from 'vue'
import serviceConfig from './service-config'
import { removeItem } from './storage'
import { checkTokenExpire } from './tokenExpire'let baseURL = serviceConfig.VUE_APP_BASE_API; // 根据当前环境获取对应的服务地址
const service = axios.create({baseURL: baseURL,timeout: 500000 // request timeout
})
axios.defaults.withCredentials = true;
// 请求拦截器
service.interceptors.request.use(config => {// 统一注入tokenif (store.getters.tokenInfo) {//拦截请求判断处理token是否过期checkTokenExpire(config);// 如果有tokenconfig.headers['Authorization'] = `Bearer ${store.getters.tokenInfo.accessToken}`}// 必须返回配置return config
}, error => {Promise.reject(error)
})// 响应拦截器
service.interceptors.response.use(response => {/*** 下面的注释为通过在response里，自定义code来标示请求状态* 当code返回如下情况则说明权限有问题，登出并返回到登录页* 如想通过 xmlhttprequest 来状态码标识 逻辑可写在下面error中* 以下代码均为样例，请结合自生需求加以修改，若不需要，则可删除*/const res = response;debugger;// token失效返回的状态码A0001(因为refresh_token也是有时效的所以这里的失效机制保留) 账号在其他设备登录A0002if (res.status !== 200) {// 其他失败状态码做统一拦截Vue.prototype.$message.error(res.message)}return response.data;
}, error => {return Promise.reject(error)
})// 导出 axios 实例
export default service使用方法
import request from "@/utils/requestExport"
import qs from 'qs';//导出
export function downloadPlant(data) {return request({method: 'get',url: '/download',params: data,responseType: "blob"})
}
export function culturalExportDate(data) {return request({method: 'POST',url: '/exportData',data: data,responseType: "blob",})
}