// headers: {‘token’: cookie.get(‘guli_token’)}
})
//headers: {‘token’: cookie.get(‘guli_token’)}
}
}
(1)安装js-cookie插件
npm install js-cookie
(2)login.vue
·
<input type=“button” class=“sign-in-button” value=“登录” @click=“submitLogin()”>
社交帐号登录
-
-
3、在request.js添加拦截器,用于传递token信息
import axios from ‘axios’
import { MessageBox, Message } from ‘element-ui’
import cookie from ‘js-cookie’
// 创建axios实例
const service = axios.create({
//baseURL: ‘http://qy.free.idcfengye.com/api’, // api 的 base_url
//baseURL: ‘http://localhost:8210’, // api 的 base_url
baseURL: ‘http://localhost:9001’,
timeout: 15000 // 请求超时时间
})
// http request 拦截器
service.interceptors.request.use(
config => {
//debugger
if (cookie.get(‘guli_token’)) {
config.headers[‘token’] = cookie.get(‘guli_token’);
}
return config
},
err => {
return Promise.reject(err);
})
// http response 拦截器
service.interceptors.response.use(
response => {
//debugger
if (response.data.code == 28004) {
console.log(“response.data.resultCode是28004”)
// 返回 错误代码-1 清除ticket信息并跳转到登录页面
//debugger
window.location.href=“/login”
return
}else{
if (response.data.code !== 20000) {
//25000:订单支付中,不做任何提示
if(response.data.code != 25000) {
Message({
message: response.data.message || ‘error’,
type: ‘error’,
duration: 5 * 1000
})
}
} else {
return response;
}
}
},
error => {
return Promise.reject(error.response) // 返回接口返回的错误信息
});
export default service
(1)显示登录之后的用户信息