Vue-Axios-使用JwtToken

打开项目:Vue.Demo
【Vue-Axios-使用JwtToken】新增一个axios.js

import Vue from 'vue'; import axios from 'axios'; import store from '../store'; Vue.prototype.$axios = axios axios.defaults.baseURL = 'http://localhost:5004/api'; axios.defaults.headers.common['Authorization'] = "Bearer " + store.state.oidcStore.access_token; axios.defaults.headers.post['Content-Type'] = 'application/json'; axios.defaults.headers.put['Content-Type'] = 'application/json'; // 添加请求拦截器 axios.interceptors.request.use(function(config) { config.headers.Authorization = "Bearer " + store.state.oidcStore.access_token; console.info(config); return config; }, function(error) { return Promise.reject(error); }); export default axios

Home.vue 使用:axios

查看Http请求:
Vue-Axios-使用JwtToken
文章图片

现在完整的演示一遍:
1.启动认证服务
2.启动Api服务
3.启动Node服务
3.1 登录
3.2 调用授权Api


    推荐阅读