vue封装接口,网络请求,router.js

1,接口 (api.js)
      使用的话注册全局变量或者使用页面引入


  export const baseUrl="https://xxxxxxxxxxx.cn/api/";  //线上
 //export const baseUrl = "http://192.168.1.164:1800/api/";        //线下

export const api = {
   
    "checkUserLogin": baseUrl + "Admin/check_user_login", // 验证是否已经登录
    "login": baseUrl + "Admin/login", // 登录
    "logout": baseUrl + "Admin/logout", // 退出账号 注销

    // 获取统计数据
    'adminGetStatistics': baseUrl + "Admin/index/get_statistics",
    
    "sellerLogin": baseUrl + "Seller/login", // 登录
}
2,网络请求(http.js)
import qs from 'qs'; 
import axios from 'axios'
import {
   Message} from 'element-ui';
import router from '../router'

axios.defaults.timeout = 5000;  // 请求超时
// axios.defaults.baseURL ='http://vueyunk.com/'; // 域名
// axios.defaults.headers.common['Authorization'] = 'Bearer 1111111';
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
// axios.defaults.withCredentials = true; // 允许跨域携带cookie
// axios.defaults.headers.get['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';




// 添加请求拦截器
axios.interceptors.request.use(function (config) {
   
    // 在发送请求之前做些什么
    // const token = localStorage.getItem('token');
    // const uid = localStorage.getItem('uid');
    
    // post 传输
    // if(config.method === 'post' && !isEmpty(token)){
   
    //   let data = qs.parse(config.data);
    //   config.data = qs.stringify({
   
    //       token: token,
    //       ...data
    //   });
    // }

    // // get 传输
    // if(config.method === 'get' && !isEmpty(token)){
   
    //   config.params  = {
   
    //       token: token,
    //       ...config.params
    //   };
    // }

    // 获取localStorage 内token
    const token = localStorage.getItem('token');
    if(!isEmpty(token)){
   
		config.headers['Authorization'] = 'Bearer '+token; // 如果token 存在则携带token访问
    }
    

    return config;
  }, function (error) {
   
    // 对请求错误做些什么
    return Promise.reject(error);
  });


// 添加响应拦截器
axios.interceptors.response.use(function (res) {
   
    // 对响应数据做点什么
    // eslint-disable-next-line no-console
    // console.log(res.data.code);
    if(res.status != 200){
   
      Message.error("请求异常,错误信息:"+res.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值