vue+axios传参数给后端

1.有的后端需要统一接收formData的参数

// 引入node的qs模块
import qs from 'qs';

// http请求拦截器
http.interceptors.request.use(
  config => {
    if (config.method === 'post' || config.method === 'put') {
  // 在拦截器中设置参数
      config.data = qs.stringify(config.data)
    }
    return config
  }, error => {
    return Promise.reject(error)
  }
)

2.有的后端统一接收json的参数


const http = axios.create({
  baseURL: baseUrl,
  retry: 4,
  retryDelay: 1000,
  timeout: 5000, // 超时毫秒数
  responseType: 'json',
// 手动设置请求头
  headers: {
    'Content-Type': 'application/json;'
  }
})

// http请求拦截器
http.interceptors.request.use(
  config => {
    if (config.method === 'post' || config.method === 'put') {
  // 在拦截器中设置参数,用JSON的
      config.data =JSON.stringify(config.data)
    }
    return config
  }, error => {
    return Promise.reject(error)
  }
)

你可能感兴趣的:(vue+axios传参数给后端)