美文网首页
vue+axios传参数给后端

vue+axios传参数给后端

作者: 小虾米前端 | 来源:发表于2020-11-12 18:47 被阅读0次

    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传参数给后端

          本文链接:https://www.haomeiwen.com/subject/fowpbktx.html