Question

尝试使用axios

在Ajax请求中设置标头

import React, { Component, PropTypes } from 'react'
import { Link, browserHistory } from 'react-router'
import { connect } from 'react-redux'
import axios from 'axios'

class Income extends Component {
  constructor(props) {
    super(props)

     this.state = {     
        };


  }


componentDidMount() {


 axios.post('http://139.196.141.166:8084/course/income/outline', {
      headers: { 'X-Authenticated-Userid': '15000500000@1' }
    })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
    }





render() {

        return (
            <div>
                dsdss
            </div>
        )
    }

但服务器返回我，我没有设置标头。我在文档中设置它，但没有设置标题。

出现错误的屏幕

http://ngcordova.com/docs/install/

Answer 1

从我所看到的，方法调用看起来像这样（from docs）：

axios#post(url[, data[, config]])

当您将config对象作为第二个参数发布时，其解释为data，而不是config（headers是config对象的一部分）

编辑：这是一个例子：

axios.request({
  url: 'http://139.196.141.166:8084/course/income/outline',
  method: 'post',
  headers: { 'X-Authenticated-Userid': '15000500000@1' }
})

请注意，我从.post（）切换到.request（），它只接受配置对象。如果您仍想使用.post（）调用，请尝试：

axios.post(url, {}, { headers: ... })

在React（ajax）中设置标头

1 个答案: