当前位置:   article > 正文

vue axios 请求带token设置

vue3axios.create({ 携带token
  1. API axios.js
  2. import axios from "axios";
  3. let AUTH_TOKEN=(function(){
  4. return localStorage.getItem("token");
  5. })();
  6. var instance = axios.create({
  7. });
  8. instance.defaults.headers.common["Authorization"] = AUTH_TOKEN;
  9. instance.interceptors.request.use(function(config){
  10. let url = config.url;
  11. if(url.indexOf("login")>-1){
  12. localStorage.setItem('token',"");
  13. config.headers.Authorization = "";
  14. }
  15. if(url.indexOf("user")>-1 && url.indexOf("login")<0){
  16. config.headers.Authorization =localStorage.getItem("token");
  17. }
  18. return config;
  19. },function(err){
  20. return Promise.reject(err);
  21. });
  22. instance.interceptors.response.use(function(res){
  23. if(res.headers.token){
  24. localStorage.setItem('token',res.headers.token);
  25. }
  26. return res;
  27. },function(err){
  28. return err;
  29. });
  30. export default instance;

  

  1. import axios from '@/api/axios'
  2. export function loginBywx(){
  3. return axios.get('/api/v1/wechat/login')
  4. }
  5. export function login(params){
  6. return axios.post("/api/v1/user/info/login",params);
  7. }
  8. export function updateUser(params){
  9. return axios.put("/api/v1/user/info/update",params);
  10. }

  建一个请求前API的判断,在需要请求带token的地方引入

转载于:https://www.cnblogs.com/lfqcode/p/8690402.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/715623
推荐阅读
相关标签
  

闽ICP备14008679号