利用vue-cli + ElementUI 隨手寫個(gè)東西

然后根據(jù)網(wǎng)上的說法,簡單封裝了下axios,設(shè)置了一個(gè)攔截器,一個(gè)request,一個(gè)response

如果我所以接口都是

limit = 50

我可以在request 里 設(shè)置

config.params['limit'] = 50;

但是我有些頁面不能都是50,這樣可能數(shù)據(jù)就太多了...

所以我想 設(shè)置部分的是20,一部分可能是10,大部分還是50,

然而我并不想每個(gè)頁面請求的時(shí)候都帶一個(gè) limit=10 這種寫法,

那么,請問各位大神,我該怎么寫?

下面是我封裝axios的代碼

import axios from 'axios';
import { Message } from 'element-ui';
import cookie from '../utils/cookie.js';


const service = axios.create({
  baseURL: process.env.BASE_API, 
  timeout: 5000,                  
  params:{}
});


service.interceptors.request.use(config => {
// console.log('請求前');
  if (config.method === 'get') {
    config.params['limit'] = 50;
  }


  if (cookie.getCookie('token') ) {
    config.headers['x-auth-token'] = cookie.getCookie('token'); 
  }

  return config;
}, error => {
  console.log(error); 
  Promise.reject(error);
})

// respone攔截器
service.interceptors.response.use(function (response) {
    // console.log('請求后',this.$route.params);

    // console.log(response.data);
    const code = response.data.code;
    const message = response.data.message;
    if (code === 411000000) {
      location.href = '/login'
    }
    if (code !== 0 && code !== 200 ) {
        Message({
          message: message,
          type: 'error',
          duration: 5 * 1000
        });
    }
    return response;
},
 
  error => {
    console.log('err' + error);
    Message({
      message: error.message,
      type: 'error',
      duration: 5 * 1000
    });
    return Promise.reject(error);
  }
);

export default service;