Javascriptでhttpリクエストを送信中にエラーが発生しました

Question

私はデカップリングされたフロントエンドとバックエンドを持っています。フロントエンドでsubmitボタンを押すと、サーバーにPOST HTTPリクエストを送信したいと思います。提出のための

コード：

$scope.onSave = function() { 
     $http.post('http://localhost:3000/documents', { user: $scope.user, formData: $scope.formData }, function (response) { 
      $scope.isSaved = true; 
      console.log(response); 
      if (response.success) { 
       console.log("It has been successfully saved!") 
      } 
     }); 
} 

はその後、私は

のXMLHttpRequestがhttp://localhost:3000/documentsをロードできないというエラーを取得します。応答 要求をプリフライトするとアクセス制御チェックを通過しません。いいえ 要求された リソースに 'Access-Control-Allow-Origin'ヘッダーが存在します。したがって、オリジン 'http://localhost:3001'は許可されません。 応答にはHTTPステータスコード404が付きました。

ここでは何がエラーとなりますか？私は本当にそれを理解することはできません。

別の質問： 私はこのウェブサイトにログインしています。ウェブサイトからユーザー情報（ユーザー名や電子メールなど）を取得するにはどうすればよいですか？この情報を得るためにURLヘッダーにアクセスしますか？私はPOST要求を送信すると、サーバーにデータを正常に投稿するために、USER_IDをパラメータとして送信する必要があります。

Answer 1

サーバサイドでクロスドメインアクセスを許可する必要があります（CORS）。