个人中心
gpt4 book ai didi

ember.js - ember-auth 在我的开发机器上发送 OPTIONS 请求而不是 POST

转载 作者：行者123 更新时间：2023-12-04 22:32:38 25 4
gpt4 key购买 nike

我有一个基于 Sinatra 的服务器，它为我正在处理的服务提供 RESTful API。在我的开发机器上运行 localhost:9393 .

同时我的客户端应用程序(使用 ember.js 构建)使用 ember-auth用于用户验证在另一个端口上运行:localhost:9000 .

以前我在同一主机上设置服务器和客户端:端口并将客户端应用程序作为静态文件返回。身份验证工作得很好。根据official docs在登录时，我在我提供的路线上收到 POST 请求( /signin )。但现在我收到 选项 没有任何参数的请求。

来自客户端的一些代码(客户端是通过 Yeoman 的 ember-generator 生成的):

index.html 

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Ember Starter Kit</title>

    <!-- build:css styles/main.css -->
    <link rel="stylesheet" href="styles/normalize.css">
    <link rel="stylesheet" href="styles/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-responsive.css">
    <link rel="stylesheet" href="styles/style.css">
    <!-- endbuild -->
  </head>
  <body>

    <!-- build:js scripts/components.js -->
    <script src="components/jquery/jquery.js"></script>
    <script src="components/handlebars/handlebars.runtime.js"></script>
    <script src="components/ember/ember.js"></script>
    <script src="components/ember-data/ember-data-latest.js"></script>
    <script src="components/ember-auth/ember-auth.js"></script>
    <!-- endbuild -->

    <!-- build:js scripts/main.js -->
    <script src="scripts/app.js"></script>
    <script src="scripts/models/user.js"></script>
    <script src="scripts/views/auth.js"></script>
    <!-- endbuild -->

    <!-- build:js(.tmp) scripts/templates.js -->
    <script src="scripts/compiled-templates.js"></script>
    <!-- endbuild -->
  </body>
</html>

app.js 
var App = window.App = Ember.Application.create();

App.Store = DS.Store.extend({
  revision: 12,
  adapter:'DS.RESTAdapter'
});

App.Router.map(function() {
  // I have no routes so far,
  // as I don't need them to test authentication itself
});

App.Auth = Ember.Auth.create({
  signInEndPoint: '/signin',
  signOutEndPoint: '/signout',
  tokenKey: 'auth_token',
  baseUrl: 'http://localhost:9393',
  tokenIdKey: 'user_id',
  userModel: 'App.User',
  sessionAdapter: 'cookie',
  modules: [
    'emberData', 'rememberable'
  ],
  rememberable: {
    tokenKey: 'remember_token',
    period: 7,
    autoRecall: true
  }
});

用户.js 
App.User = DS.Model.extend({
  email: DS.attr('string'),
  param: DS.attr('string')
});

auth.js 
App.AuthView = Ember.View.extend({
  templateName: 'auth'
});

App.AuthSignInView = Ember.View.extend({
  templateName: 'signin',
  email: null,
  password: null,
  remember: true,
  submit: function(event, view){
    event.preventDefault();
    event.stopPropagation();
    App.Auth.signIn({
      data:{
        email: this.get('email'),
        password: this.get('password'),
        remember: this.get('remember')
      }
    })
  }
});

App.AuthSignOutView = Ember.View.extend({
  templateName: 'signout',
  submit: function(event, view){
    event.preventDefault();
    event.stopPropagation();
    App.Auth.signOut();
  }
});

应用程序.hbs 
<div class="container">
  <div class="row">
    <div class="span3">
      {{view App.AuthView}}
    </div>
    <div class="span9">
      {{outlet}}
    </div>
  </div>
</div>

auth.hbs 
{{#if App.Auth.signedIn}}
  {{view App.AuthSignOutView}}
{{else}}
  {{view App.AuthSignInView}}
{{/if}}

登录.hbs 
<form>
  <label>Email</label>
  {{view Ember.TextField valueBinding="view.email"}}
  <label>Password</label>
  {{view Ember.TextField type='password' valueBinding="view.password"}}
  {{view Ember.Checkbox checkedBinding="view.remember"}}
  <label>Remember me?</label>
  <hr />
  <button type="submit">Sign In</button>
</form>

最佳答案

您的 REST API 和客户端应用程序来自不同的来源；协议(protocol)、主机和端口必须相同才能遵循 same-origin policy .您的浏览器正在发出预检 OPTIONS 请求以确定您的服务器是否允许 cross-origin resource sharing (CORS)从您的客户域。

要让 CORS 与您的 Sinatra 服务器一起工作，您可能需要查看 rack-cors这将允许您添加中间件来设置必要的访问控制 header 。一旦正确设置，预期的 POST 请求将在成功的 OPTIONS 请求之后发出。

有关 CORS 的更多信息，这里有一些我发现有用的资源:

  • http://www.nczonline.net/blog/2010/05/25/cross-domain-ajax-with-cross-origin-resource-sharing/
  • http://remysharp.com/2011/04/21/getting-cors-working/
  • http://www.bennadel.com/blog/2327-Cross-Origin-Resource-Sharing-CORS-AJAX-Requests-Between-jQuery-And-Node-js.htm

    • 关于ember.js - ember-auth 在我的开发机器上发送 OPTIONS 请求而不是 POST，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16582600/

    25 4 0
    文章推荐： vim - 如何分别复制每行下的多行？
    文章推荐： 启用 Django 语言环境的应用程序在调试关闭时总是返回 404
    文章推荐： vhdl - 如何在 VHDL 中将整数类型转换为无符号
    文章推荐： list - Clojure - 将列表转换为 Java 数组
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com