2017-01-22 11 views
0
(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': '[email protected]' } 
    }) 
    .then(function (response) { 
    console.log(response); 
    }) 
    .catch(function (error) { 
    console.log(error); 
    }); 
    } 





render() { 

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

axios使ってAjaxリクエストで、セットヘッダを試してみてください。しかし、サーバーは、私ではない、セットアップヘッダという、私を返します。私はドキュメントのように設定しましたが、ヘッダーは設定されていません。あなたは2番目の引数としてごconfigオブジェクトを掲示していると

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

そこは私が見ることができるものから、エラー

enter image description here

答えて

4

で画面、メソッド呼び出しは、この(from docs)のように見えます、configheadersconfigオブジェクトの一部です)としてではなく、dataと解釈されます。


編集:

axios.request({ 
    url: 'http://139.196.141.166:8084/course/income/outline', 
    method: 'post', 
    headers: { 'X-Authenticated-Userid': '[email protected]' } 
}) 

注私はconfigオブジェクトを取り.post()(.requestする)からの切り替え:ここでは一例です。 .post()呼び出しを使用したい場合は、

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

私のコードで変更できますか?どのように変更するか分からない –

+0

@ЕгорКротенко確か... 2つの例を追加 –

+0

どのようにポストコール、最初の例で?私はconsole.logを作ることができる最後の部分を意味します。 –

関連する問題