關於axios請求攜帶cookie以及封裝


import axios from 'axios'
import Vue from 'vue'
import Qs from 'qs'
import JsCookie from 'js-cookie'//需要安裝js-cookie插件
axios.defaults.timeout = 5000
axios.defaults.withCredentials= true//允許跨越時攜帶cookie並不是加上就能跨域

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
const AUTH_TOKEN = JsCookie.get('token');
if (JsCookie.get('token')) {//需要導入js-cookie插件
  console.log(3)
  axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
}
//判斷環境
if (process.env.NODE_ENV === 'development') {
  axios.defaults.baseURL = 'https://api.apiopen.top';
} else {
  axios.defaults.baseURL = '';
}
//請求之前的配置
axios.interceptors.request.use(function (config) {
  // console.log(config.method)
  if (config.method.toLowerCase() === 'post') {
    config.data = Qs.stringify(config.data)
  }
  return config;
}, function (error) {
  return Promise.reject(error);
});
//響應之后的配置
axios.interceptors.response.use(function (response) {
  return response;
}, function (error) {
  console.log(error);
  return Promise.reject(error);
});
export default axios;
//掛載到vue原型上
Vue.prototype.$http = axios


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM