[解決済み] Angular HttpClient "パース中のHttp失敗"
2022-04-22 20:30:54
質問
Angular 4からLaravelのバックエンドにPOSTリクエストを送信しようとしています。
私のLoginServiceはこのメソッドを持っています。
login(email: string, password: string) {
return this.http.post(`http://10.0.1.19/login`, { email, password })
}
LoginComponentでこのメソッドをサブスクライブしています。
.subscribe(
(response: any) => {
console.log(response)
location.reload()
},
(error: any) => {
console.log(error)
})
そして、これが私のLaravelのバックエンドメソッドです。
...
if($this->auth->attempt(['email' => $email, 'password' => $password], true)) {
return response('Success', 200);
}
return response('Unauthorized', 401);
Chromeの開発ツールによると、私のリクエストは200のステータスコードで成功したとのことです。しかし、私のAngularコードは
error
ブロックがあり、このメッセージが表示されます。
のパース時にHttpに失敗しました。 http://10.0.1.19/api/login
バックエンドから空の配列を返すと、うまくいくのですが...。Angularは私の応答をJSONとしてパースしようとしているのですね?どうすればこれを無効にできますか?
解決方法は?
を指定することで、返送されるデータが
ではない
JSONは
responseType
.
あなたの例では
responseType
の文字列値
text
を、このようにします。
return this.http.post(
'http://10.0.1.19/login',
{email, password},
{responseType: 'text'})
のオプションの完全なリストは以下のとおりです。
responseType
です。
-
json
(デフォルト) -
text
-
arraybuffer
-
blob
をご覧ください。 ドキュメント をご覧ください。
関連
-
[解決済み] CLIを使ったAngular 2 - 制作のためのビルド
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular 2のキープレスごとの変更イベント
-
[解決済み] Angular - すべてのリクエストにヘッダを設定する
-
[解決済み] npm start」と「ng serve」はいつ使う?
-
[解決済み] ナンバーパイプ - Angular 2のパラメータは?
-
[解決済み] Angular 2 http.post()がリクエストを送信しない
-
[解決済み] index.tsは何に使われているのですか?
-
[解決済み] AngularでngFor repeatをある数のアイテムに制限するにはどうすればよいですか?
-
[解決済み] Angular 2+ - ベースのhrefを動的に設定する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular 4: パイプ 'AsyncPipe' に対する InvalidPipeArgument: '[object Object]' です。
-
[解決済み] CLIを使ったAngular 2 - 制作のためのビルド
-
[解決済み] formGroup' は 'form' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angularで@Input()の値が変更されたときに検出する方法は?
-
[解決済み】コンポーネントのプロパティが現在の日付時間に依存している場合、Angular2の「expression has changed after it was checked」例外を管理する方法
-
[解決済み] npm start」と「ng serve」はいつ使う?
-
[解決済み] Angular 6 素材マットセレクトの変更方法が削除されました。
-
[解決済み] Angularアプリケーションが本番モードと開発モードのどちらで動作しているかを確認する方法
-
[解決済み] ナンバーパイプ - Angular 2のパラメータは?
-
[解決済み] Angularチュートリアルのpipeメソッドとtapメソッドとは何ですか?