タグ付けされた質問 「axios」

axios POSTリクエストがコントローラーのURLにヒットしていますが、POJOクラスにnull値を設定しています。Chromeの開発者ツールを実行すると、ペイロードにデータが含まれています。何が悪いのですか？ Axios POSTリクエスト： var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', url: '/addUser', data: body }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ブラウザの応答： ヘッダーを次のように設定した場合： headers:{ Content-Type:'multipart/form-data' } リクエストはエラーをスローします multipart / form-dataの投稿中にエラーが発生しました。Content-Typeヘッダーに境界がありません 私が郵便配達員で同じリクエストを出すと、それはうまくいき、私のPOJOクラスに値を設定します。 誰でも境界を設定する方法や、axiosを使用してフォームデータを送信する方法を説明できますか？

203 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

これは馬鹿げているように見えるかもしれませんが、Axiosでリクエストが失敗したときにエラーデータを取得しようとしています。 axios.get('foo.com') .then((response) => {}) .catch((error) => { console.log(error) //Logs a string: Error: Request failed with status code 404 }) 文字列の代わりに、おそらくステータスコードとコンテンツを含むオブジェクトを取得することは可能ですか？例えば： Object = {status: 404, reason: 'Not found', body: '404 Not found'}

201 javascript  axios 

ReactとReduxを使用してフロントエンドアプリを構築しています。リクエストを実行するためにaxiosを使用しています。応答のヘッダーのすべてのフィールドにアクセスしたいのですが。私のブラウザーでは、ヘッダーを調べて、必要なすべてのフィールド（トークン、uidなど）が存在することを確認できますが、 const request = axios.post(`${ROOT_URL}/auth/sign_in`, props); request.then((response)=>{ console.log(response.headers); }); 私はちょうど得ます Object {content-type: "application/json; charset=utf-8", cache-control: "max-age=0, private, must-revalidate"} 他のすべてのフィールドが表示されていることがわかるように、ここに私のブラウザネットワークタブがあります。 ベスト。

159 http-headers  es6-promise  axios 

私はAxiosを使用して次のようなHTTPポストを実行します。 import axios from 'axios' params = {'HTTP_CONTENT_LANGUAGE': self.language} headers = {'header1': value} axios.post(url, params, headers) これは正しいです？または私はすべきですか： axios.post(url, params: params, headers: headers)

159 javascript  post  axios 

次のようなnpmパッケージドキュメントから推奨されるaxios POSTリクエストを作成しました。 var data = { 'key1': 'val1', 'key2': 'val2' } axios.post(Helper.getUserAPI(), data) .then((response) => { dispatch({type: FOUND_USER, data: response.data[0]}) }) .catch((error) => { dispatch({type: ERROR_FINDING_USER}) }) 動作しますが、ヘッダーを受け入れるようにバックエンドAPIを変更しました。 Content-Type： 'application / json' 承認： 'JWT fefege ...' 現在、このリクエストはPostmanで正常に機能しますが、axios呼び出しを作成するときにこのリンクをたどると、うまく機能しません。 常に400 BAD Requestエラーが発生します。 これが私の変更されたリクエストです： axios.post(Helper.getUserAPI(), { headers: { 'Content-Type': 'application/json', 'Authorization': 'JWT fefege...' …

134 json  http-headers  http-post  axios  content-type 

以下を使用してフラスコサーバーにファイルを投稿するときに生のHTMLを使用すると、フラスコリクエストグローバルからファイルにアクセスできます。 <form id="uploadForm" action='upload_file' role="form" method="post" enctype=multipart/form-data> <input type="file" id="file" name="file"> <input type=submit value=Upload> </form> フラスコ内： def post(self): if 'file' in request.files: .... Axiosで同じことを行おうとすると、フラスコリクエストグローバルが空になります。 <form id="uploadForm" enctype="multipart/form-data" v-on:change="uploadFile"> <input type="file" id="file" name="file"> </form> uploadFile: function (event) { const file = event.target.files[0] axios.post('upload_file', file, { headers: { 'Content-Type': 'multipart/form-data' } }) …

128 javascript  ajax  file-upload  axios 

APIサーバーからトークンを取得するreact / reduxアプリケーションがあります。ユーザーが認証された後、すべてのaxiosリクエストがそのトークンをAuthorizationヘッダーとして持つようにし、アクション内のすべてのリクエストに手動でトークンを添付する必要がないようにします。私は反応/ reduxをかなり始めたばかりで、最善のアプローチについて確信が持てず、Googleで質の高いヒットを見つけていません。 これが私のreduxセットアップです： // actions.js import axios from 'axios'; export function loginUser(props) { const url = `https://api.mydomain.com/login/`; const { email, password } = props; const request = axios.post(url, { email, password }); return { type: LOGIN_USER, payload: request }; } export function fetchPages() { /* here is where …

128 reactjs  redux  axios 

GETやPOSTなどの基本的なhttpリクエストにaxiosを使用していますが、うまく機能します。今度はExcelファイルもダウンロードできるようにする必要があります。これはaxiosで可能ですか？もしそうなら、誰かがいくつかのサンプルコードを持っていますか？そうでない場合、同じことを行うためにReactアプリケーションで他に何を使用できますか？

124 axios 

2番目のパラメータとしてGETリクエストを送信しようとしていますが、URLとして実行している間は機能しません。 これは機能し、$ _ GET ['naam']はテストを返します。 export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; しかし、これを試してみると、何もありません$_GET。 export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php', { password: 'pass', naam: naam, score: …

121 reactjs  react-native  redux  axios 

Axiosを使用してクライアントからExpress.jsサーバーにリクエストを送信しています。 クライアントにcookieを設定し、手動で追加することなく、すべてのAxios要求からそのcookieを読み取ります。 これは私のクライアント側のリクエストの例です： axios.get(`some api url`).then(response => ... Express.jsサーバーで次のプロパティを使用して、ヘッダーまたはCookieにアクセスしようとしました。 req.headers req.cookies どちらにもCookieは含まれていませんでした。私はクッキーパーサーミドルウェアを使用しています： app.use(cookieParser()) AxiosにリクエストでCookieを自動的に送信させるにはどうすればよいですか？ 編集： 私はこのようにクライアントにクッキーを設定しました： import cookieClient from 'react-cookie' ... let cookie = cookieClient.load('cookie-name') if(cookie === undefined){ axios.get('path/to/my/cookie/api').then(response => { if(response.status == 200){ cookieClient.save('cookie-name', response.data, {path:'/'}) } }) } ... Axiosも使用していますが、問題には関係ありません。Cookieが設定されたら、すべてのリクエストにCookieを埋め込みたいだけです。

121 javascript  node.js  express  cookies  axios 

私の反応アプリでは、axiosを使用してREST apiリクエストを実行しています。 ただし、リクエストとともにAuthorizationヘッダーを送信することはできません。 これが私のコードです： tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { console.log( response ) } ) .catch() } ここでは、validToken()メソッドは単純にブラウザストレージからトークンを返します。 すべてのリクエストには、500エラー応答があり、 リクエストからトークンを解析できませんでした バックエンドから。 各リクエストで認証ヘッダーを送信する方法は？反応する他のモジュールをお勧めしますか？

116 reactjs  rest  token  axios  access-token 

ReactJSでプログラミングしているときにAxiosを使用していて、サーバーにDELETEリクエストを送信するふりをしています。 そのためには、ヘッダーが必要です。 headers: { 'Authorization': ... } 体はで構成されています var payload = { "username": .. } 私はインターウェブを検索してきましたが、DELETEメソッドには「param」が必要であり、「data」を受け入れないことがわかりました。 私はそれを次のように送信しようとしています： axios.delete(URL, payload, header); あるいは axios.delete(URL, {params: payload}, header); しかし、何も機能していないようです... ヘッダーと本文の両方を含むDELETEリクエストを送信することが可能かどうか（そうだと思います）、その方法を教えてもらえますか？ 前もって感謝します！

116 javascript  reactjs  http  axios  http-delete 

次のコードを実装しようとしていますが、機能しません。これがコードです： var session_url = 'http://api_address/api/session_endpoint'; var username = 'user'; var password = 'password'; var credentials = btoa(username + ':' + password); var basicAuth = 'Basic ' + credentials; axios.post(session_url, { headers: { 'Authorization': + basicAuth } }).then(function(response) { console.log('Authenticated'); }).catch(function(error) { console.log('Error on Authentication'); }); 401エラーが返されます。Postmanでそれを行う場合、基本認証を設定するオプションがあります。これらのフィールドに入力しない場合も401が返されますが、入力した場合、リクエストは成功します。 私が間違っていることはありますか？ これは、これを実装する方法のAPIのドキュメントの一部です。 このサービスは、ヘッダーの基本認証情報を使用してユーザーセッションを確立します。資格情報はサーバーに対して検証されます。このWebサービスを使用すると、渡されたユーザー資格情報でセッションが作成され、JSESSIONIDが返されます。このJSESSIONIDは、Webサービス呼び出しを行うための後続の要求で使用できます。*

107 request  postman  axios 

axios.jsを介してトークンを含む認証ヘッダーを送信するにはどうすればよいですか？私は成功せずにいくつかのことを試みました、例えば： const header = `Authorization: Bearer ${token}`; return axios.get(URLConstants.USER_URL, { headers: { header } }); 私にこのエラーを与えます： XMLHttpRequest cannot load http://localhost:8000/accounts/user/. Request header field header is not allowed by Access-Control-Allow-Headers in preflight response. 私はグローバルなデフォルトを設定することでなんとか動作させることができましたが、これは単一の要求に対しては最善の考えではないと思います： axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; 更新： コールの答えは私が問題を見つけるのに役立ちました。私はすでにデフォルトで認証ヘッダーを処理するdjango-cors-headersミドルウェアを使用しています。 しかし、私はエラーメッセージを理解し、axiosリクエストコードのエラーを修正することができました。 return axios.get(URLConstants.USER_URL, { headers: { Authorization: `Bearer ${data.token}` } });

96 javascript  axios 

インターネット接続の可用性フラグを含むReactコンポーネントがあります。UI要素は、状態に応じてリアルタイムで動的に変更する必要があります。また、フラグの変更により、関数の動作が異なります。 現在の実装では、間隔を使用して毎秒Axiosを使用してリモートAPIをポーリングし、それに応じて状態を更新しています。このタスクを実行して、最小の計算コストで1秒の状態エラーを削除する、より詳細で効率的な方法を探しています。デバイスに外部インターネット接続がある場合にのみ、オンラインと見なされます 現在の実装： class Container extends Component { constructor(props) { super(props) this.state = { isOnline: false }; this.webAPI = new WebAPI(); //Axios wrapper } componentDidMount() { setInterval(() => { this.webAPI.poll(success => this.setState({ isOnline: success }); }, 1000); } render() { return <ChildComponent isOnline={this.state.isOnline} />; } } 編集： 外部インターネット接続を検出できるソリューションを探しています。デバイスは、外部接続のないLANに接続できます。したがって、オフラインと見なされます。デバイスが外部インターネットリソースにアクセスできる場合にのみ、オンラインと見なします。

9 javascript  reactjs  axios