vue axios封装 以及302问题
vueaxios封装(需求是只在登录页面设置请求content-type的类型)//在 request 拦截器实现axios.interceptors.request.use(config => {config.baseURL = remoteUrl;console.log(“config”,config); //config的格式如下边的if (config.url.i...
302问题
后端使用的框架自带的登录登出 容易出现302问题
解决登录302问题的方法是前后端包放在一起
出现302问题是后端路径(给前端放权接口路径要配置一下)
后端接受不到参数 要看他们的content-type和接受参数的方法
1、用requestParam 方式接受的要用qs.stringfy序列化一下
var password = md5(this.ruleForm.password).toString().toLowerCase();
var pwd = cryptoJs.SHA1(password).toString();
this.ruleForm.password = pwd;
requestLogin(**qs.stringify**(this.ruleForm)).then(response =>{
})
2、用requestBody 方式接受的要用json格式即可
vue axios封装 (需求是只在登录页面设置请求content-type的类型)
//在 request 拦截器实现
axios.interceptors.request.use(
config => {
config.baseURL = remoteUrl;
console.log(“config”,config); //config的格式如下边的
if (config.url.indexOf(‘login’)>0) {
//login单独设置content-type类型
config.headers = {
‘Content-Type’: ‘application/x-www-form-urlencoded’
}
}
return config
},
error => {
return Promise.reject(error)
}
)
//在 response 拦截器实现
axios.interceptors.response.use(
response => {
console.log(‘response’,response)
return response
},
error => {
return Promise.reject(error)
}
)
config
{url: “union/Association”, method: “post”, data: {…}, headers: {…}, transformRequest: Array(1), …}
adapter: ƒ xhrAdapter(config)
baseURL: “http://111.1.1.1:8084/”
data: “{“assoID”:”",“associationName”:“df”,“introduction”:"",“assoDutyMan”:[]}"
headers: {Accept: “application/json, text/plain, /”, Content-Type: “application/json;charset=utf-8”}
maxContentLength: -1
method: “post”
timeout: 0
transformRequest: [ƒ]
transformResponse: Array(1)
0: ƒ transformResponse(data)
length: 1
proto: Array(0)
url: “http://112.35.3.9:8084/union/Association”
validateStatus: ƒ validateStatus(status)
xsrfCookieName: “XSRF-TOKEN”
xsrfHeaderName: “X-XSRF-TOKEN”
proto: Object
2、登出的302解决是重定向到登录页面 要使用try catch捕捉一下
requestLogout().then(function(){
try {
sessionStorage.clear();
window.location.href = ‘remoteUrl’;
} catch (error) {
}
})
更多推荐
所有评论(0)