vue接口封装 路由拦截处理

目录

vue接口封装

1.新建接口文件

2.引入接口方法

3.页面接口使用

路由拦截器

 1.新建config.js 创建新的axios实例

 2.新建http.js 导入封装好的axios实例

3.页面中使用

---

vue接口封装

1.新建接口文件

新建api.js ，根据项目自定义名称

这里介绍两种情况

1.不要携带token接口封装方法，登录接口调用

//通用方法，不带token
const reqNull = (method, url, params) => {
    return axios({
        method: method,
        url: url,
        headers: {
            'Content-Type': 'application/json',
            // 'Content-Security-Policy': 'upgrade-insecure-requests'
        },
        data: params
    }).then(res => res.data);
};

2.携带token，除了登录接口

// 通用公用方法
const req = (method, url, params)