2

このトピックに関する無数の他の質問からあらゆる種類の解決策を試してきましたが、運がありません...

AngularJs のフロントエンドを使用して、rails-api プロジェクトをセットアップしようとしています。それらは異なるドメインになります。問題なく GET リクエストを行うことができます。しかし、PUT を実行しようとすると、Chrome コンソールが表示されます。

XMLHttpRequest cannot load http://0.0.0.0:3000/thingies/1. 
No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'http://localhost:9000' is therefore not allowed access

失敗したリクエストは次のようになります。

Remote Address:0.0.0.0:3000
Request URL:http://0.0.0.0:3000/thingies/1
Request Method:OPTIONS
Status Code:404 Not Found
Request Headersview source
Accept:*/*
 Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8,ja;q=0.6,ko;q=0.4,pt;q=0.2,ro;q=0.2,zh-CN;q=0.2
Access-Control-Request-Headers:accept, content-type
Access-Control-Request-Method:PUT
Cache-Control:no-cache
Connection:keep-alive
Host:0.0.0.0:3000
Origin:http://localhost:9000
Pragma:no-cache
Referer:http://localhost:9000/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_2) AppleWebKit/537.36 (KHTML, like           Gecko) Chrome/36.0.1985.143 Safari/537.36
Response Headersview source
Connection:Keep-Alive
Content-Length:17164
Content-Type:text/html; charset=utf-8
Date:Tue, 26 Aug 2014 06:48:06 GMT
Server:WEBrick/1.3.1 (Ruby/2.1.1/2014-02-24)
X-Request-Id:xxxxxx-xxxxxxx-xxxxxx-xxxxxxxxxx
X-Runtime:0.027031

AngularJs の app.js は次のとおりです。

angular
.module('myApp', [
'ngCookies',
'ngResource',
'ngRoute',
'ngSanitize',
'restangular',
 ])
.config(function ($routeProvider,RestangularProvider, $httpProvider) {

$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common["X-Requested-With"];
$httpProvider.defaults.headers.common["Accept"] = "application/json";
$httpProvider.defaults.headers.common["Content-Type"] = "application/json";

$routeProvider
  .when('/', {
    templateUrl: 'views/home.html',
    controller: 'HomeCtrl'
  .otherwise({
    redirectTo: '/'
  });

  RestangularProvider.setBaseUrl('http://0.0.0.0:3000');  

});

これは私のRailsプロジェクトにあります:

アプリケーション.rb:

class Application < Rails::Application

config.action_dispatch.default_headers.merge!({
  'Access-Control-Allow-Origin' => '*',
  'Access-Control-Request-Method' => '*'
})
end

私の routes.rb、application_controller.rb、thingy_controller は、デフォルトのスキャフォールディング ファイルです。(CORSの他のソリューションに従ってそれらを変更しようとしましたが、運がありませんでした。)

POSTMAN (Chrome Extension) も使用して、PUT を使用できるかどうかを確認しました。リクエストは問題なく通過しました。

誰かがこれで正しい方向に私を向けることができれば、本当に感謝しています!

4

2 に答える 2

-2

問題は、CORS がリクエストをブロックしていることです。サービスとアプリケーションは、同じポートを使用して同じホストに提供する必要があります。この問題を回避するには、プロキシを使用して、サービスの URL をアプリケーションの URL に「マップ」します。

乾杯ナイトホーク

于 2014-08-26T07:04:20.437 に答える