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)
  }
)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容