Axios 是一个基于 promise 的 HTTP 库 ,使用了axios来进行数据的请求,一般都需要我们对它进行封装处理。
let service=axios.create({
baseURL:'',
timeout:5000,
headers:{
'content-type':'application/x-www-form-urlencoded'//转换为key=value的格式必须增加content-type
},
})
let cancel ,promiseArr = {}
const CancelToken = axios.CancelToken;
//http-请求拦截
service.interceptors.request.use(
config => {
if (promiseArr[config.url]) {//发起请求时,取消掉当前正在进行的相同请求
promiseArr[config.url]('操作取消')
promiseArr[config.url] = cancel
}else{
promiseArr[config.url] = cancel
}
return config
},
error => {
return Promise.reject(err)
}
);
//http-响应拦截
service.interceptors.response.use(
response => {
if(response.data.code ==2){//返回code码为2的时候,代表登录失效
location.href="/login"
}
return response;
},
error => {
return Promise.reject(error)
}
)
export default {
get(url,param){//get请求
return new Promise((resolve,reject) => {
service({
method: 'get',
url,
params: param,
cancelToken: new CancelToken(c => { cancel = c })
}).then(res => {
resolve(res)
})
})
},
post(url,param){//post请求
return new Promise((resolve,reject) => {
service({
method: 'post',
url,
data: param,
cancelToken: new CancelToken(c => {cancel = c })
}).then(res => {
resolve(res)
})
})
}
}
在main.js文件下:
import {post,get} from './lib/http'//请求
//定义全局变量
Vue.prototype.$post=post;
Vue.prototype.$get=get;
这样基本的功能就有了,然后在页面上使用this.$post、this.$get来调用。
一些常见的状态码为:200 - 服务器成功返回网页;404 - 请求的网页不存在;503 - 服务不可用。1xx(临时响应):表示临时响应并需要请求者继续执行操作的状态代码。2xx (成功):表示成功处理了请求的状态代码。
web缓存是指一个web资源(如html页面,图片,js,数据等)存在于web服务器和客户端(浏览器)之间的副本。缓存会根据进来的请求保存输出内容的副本;当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应访问请求
到任何有关部署 HTTPS 或 HTTP/2 的问题,都推荐先用 Qualys SSL Labs SSL Server Test 跑个测试,大部分问题都能被诊断出来。
Http拦截器就是拦截发出的请求,对其进行统一添加额外处理,然后放行;对响应进行拦截并作出业务上的判断,决定是否给与返回。先看一组常见的业务请求:
HTTP状态码是用以表示网页服务器HTTP响应状态的3位数字代码,其中第一位数字表示响应类别,响应类别从1到5分为五种,分别代表:临时响应、成功、重定向、请求错误、服务器错误。
HTTP(HyperText Transfer Protocol),中文「超文本传输协议」。HTTP 协议工作在客户端-服务端架构上,即浏览器作为客户端通过 URL 向 Web 服务器发送所有请求,Web服务器接收请求后,向浏览器发送响应信息。
在客户端与服务器数据传输的过程中,HTTP协议的传输是不安全的,也就是一般情况下HTTP是明文传输的。但HTTPS协议的数据传输是安全的,也就是说HTTPS数据的传输是经过加密的
referer:引用页。HTTP请求头信息中,referer用于提供访问来源的信息,客户端发送请求的时候,自主决定是否加上该字段。服务器一般使用referer识别访问来源,可能以此进行统计分析、日志记录以及缓存优化等
设置ConnectionPoolTimeout:这定义了从ConnectionManager管理的连接池中取出连接的超时时间,此处设置为1秒。设置ConnectionTimeout:这定义了通过网络与服务器建立连接的超时时间。Httpclient包中通过一个异步线程去创建与服务器的socket连接
X-Forwarded-For一般是每一个非透明代理转发请求时会将上游服务器的IP地址追加到X-Forwarded-For的后面,使用英文逗号分割;X-Real-IP一般是最后一级代理将上游IP地址添加到该头中;X-Forwarded-For是多个IP地址,而X-Real-IP是一个
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!