Angelsjs with browsersync postメソッドをオプションとして送信

Question

私はAngul 1.6.4アプリケーションをgulpとBrowser-syncで使用しています。 "gulp server"コマンドを使用してBrowser-syncをアップロードし、webapi 2.0 c＃でポストリクエストを行う場合、リクエストはオプションとして送信されます。

エラー：プリフライトのため OPTIONS ... 405（許可されていないMETHOD）

のXMLHttpRequest connot負荷...レスポンスが無効なHTTPステータスコード405

ブラウザ同期

を持っています

browserSync.init({ 
     notify: false, 
     cors: true, 
     port: 6543, 
     server: { 
      baseDir: config.dir.src, 
      routes: { 
       "/bower_components": "bower_components" 
      }, 
      middleware: function(req, res, next) { 
       res.setHeader('Access-Control-Allow-Origin', '*'); 
       next(); 
      } 
     } 
    }); 

角度JSリクエスト

$http({ 
        method: 'POST', 
        url: 'http://localhost/Teste/TesteController/Cadastrar', 
        headers: { 
         'Content-Type': 'application/json', 
        }, 
        data: envelope 
       }).then(function (response) { 
         deferred.resolve(response); 
        }, function (error) { 
         deferred.reject(error); 
        }); 

WEBAPI

[HttpPost] 
    public IHttpActionResult Teste(Teste responsavel) 
    { 
     var saida = MontarSaida(_service.Cadastrar(responsavel, _serviceUsuario)); 
     return Ok(ResponseContent.Create("Ok", null, saida, 1)); 
    } 

解決：答えがたくさんあるStaskでweb.configファイル

<add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept, Authorization" /> 

Answer 1

いくつかのブラウザ（具体的にはクローム）は通常の投稿を行う前にOPTIONSを呼び出す行うにしようとする上で、あなたのベースコントローラにCORSのための動作を指定する必要があります。 CORSヘッダーが整っていることを確認すること。

public void Options() { } 

はまた、OPTIONSメソッドが助けを感謝し、

<add name="Access-Control-Allow-Methods" value="GET, POST, OPTIONS, PUT, PATCH, DELETE" /> 

Answer 2

に追加します。 CORS

私はこのshemeがあなた https://www.html5rocks.com/static/images/cors_server_flowchart.png

P.S.のために参考になっだろう願ってい

を探してみてくださいあなたは、バックエンド