vue封装cookie方法_vue接口封装(简单实现是否需要登录获取数据)

再次记录用了很久的一个vue接口封装方法(非原创)

import axios from "axios";

var VUE_API_URL &＃61; "../plugins/index"

const instance &＃61; axios.create({

baseURL: VUE_API_URL,

timeout: 10000

});

const defaultOpt &＃61; {login:false};

// 接收数据

const request &＃61; ["post", "put", "patch" , "get", "delete", "head"].reduce((request, method) &＃61;> {

request[method] &＃61; (url, data &＃61; {}, options &＃61; {}) &＃61;> {

return baseRequest(

Object.assign({ url, data, method }, defaultOpt , options)

);

};

return request;

}, {});

//处理请求

function baseRequest(options){

const headers &＃61; options.headers || {};

if(options.login &＃61;&＃61; true){

headers["Authori-zation"] &＃61; getCOOKIE("token")

}

options.headers &＃61; headers;

return instance(options).then(res &＃61;> {

const data &＃61; res.data || {};

//删除登录标识

delete options.login;

//请求失败

if (res.status !&＃61;&＃61; 200)

return Promise.reject({ msg: "请求失败", res, data });

if(data.code &＃61;&＃61;&＃61; 200){

return Promise.resolve(data,res);

}else{

return Promise.reject(data,res);

}

});

}

function getCOOKIE(c_name) {

if (document.COOKIE.length>0)

{

var c_start&＃61;document.COOKIE.indexOf(c_name &＃43; "&＃61;")

if (c_start!&＃61;-1)

{

c_start&＃61;c_start &＃43; c_name.length&＃43;1

var c_end&＃61;document.COOKIE.indexOf(";",c_start)

if (c_end&＃61;&＃61;-1) c_end&＃61;document.COOKIE.length

return unescape(document.COOKIE.substring(c_start,c_end))

}

}

return ""

};

export default request;

import request from "../plugins/request";

export function signIn(phone,code) {

return request.post("/user/login",{phone:phone,code:code},{login:false});

}