vue 前端传参优化

237 阅读1分钟

背景

给后端传输一些空的请求参数,会造成一些不必要的麻烦。所以在request拦截器中统一处理掉为空或者null或者undefined的参数。
编辑src/utils/request.js 中的请求拦截器部分代码
service.interceptors.request.use(
  config => {
    // 当参数中有为空字符串或者null或者undefined 的时候,不传此参数到后端
    if (config.params) {
      for (const key in config.params) {
        if (config.params[key] === '' || config.params[key] === null || config.params[key] === undefined) {
          delete config.params[key]
        }
      }
    }
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)