问题:前端axios请求后端服务,后端程序debug调试,前端无响应,请求状态 (canceled)。
分析,一开始以为是zuul网关设置的hystrix超时时间导致的,但是hystrix设置为6s。后面查看axios的配置
得知,axios配置为2s超时。
import Vue from 'vue'
import axios from 'axios'
import config from './config'
axios.defaults.baseURL = config.api; // 设置axios的基础请求路径
axios.defaults.timeout = 2000; // 设置axios的请求时间 如果超过时间服务端未响应,则取消请求 (canceled),通常后端服务dubug的时候会出现
// axios.interceptors.request.use(function (config) {
// // console.log(config);
// return config;
// })
axios.loadData = async function (url) {
const resp = await axios.get(url);
return resp.data;
}
Vue.prototype.$http = axios;// 将axios添加到 Vue的原型,这样一切vue实例都可以使用该对象