> 文档中心 > vue+element后台管理中request拦截数据在view页面中展示

vue+element后台管理中request拦截数据在view页面中展示

1.拦截

service.interceptors.response.use(

response => {

console.log(response,"初始拦截");

const res = response.data;//拦截到的数据

return res;//返回拦截的数据

}

2.在页面中引入request:

import request from '@/utils/request'

3..在页面中封装接口方法:

export function login(data) {

  return request({

    url: 'user/login',

    method: 'post',

    data

  })

}

4..在页面中调用:

 async created() {

    // 调用

    let res = await login(data);

    console.log(res, "数据");

  },