POST 对 users/sign_in 的请求正在返回 HTML 并且没有响应？

Question

我正在尝试让设计与我的 React 前端一起工作。目前，我已经在前端设置了一个 AuthenticationService 来让用户登录。这是我第一次使用 React 设置设计，所以我确定我遗漏了一些东西，但我似乎无法弄清楚什么。

图片显示的是我在控制台记录来自 API 的响应时得到的结果。

这是我的身份验证服务在前端的样子。

class AuthenticationService {
  async signIn(values) {
    return axios
      .get(`/users/sign_in`, { user: values })
      .then((response) => response.data)
  }
}

export default new AuthenticationService()

我有一个 Users::SessionsController 是空的，我的前端看起来像下面的代码。我正在使用 Formik 提交表单，提交表单时值是正确的，我目前只是 console.logging 响应以了解从 AuthenticationService 传回的数据。

<Formik
  initialValues={{ email: "", password: "" }}
  onSubmit={async (values) => {
    console.log("values", values)
    try {
      const response = await AuthenticationService.signIn(values)
      console.log("success?", response.success)
      if (response.success) {
        window.location.href = response.redirect
          ? console.log("response redirect")
          : console.log("/admin")
      }
    } catch {
      console.log("didn't work")
    }
  }}
>

我的路线是这样的

Rails.application.routes.draw do
  devise_for :users

  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
  root to: "api/dashboard#home"

  namespace :api, defaults: { format: :json } do
    resources :dashboards
    resources :cookbooks
    resources :ingredients
    resources :recipes
  end
end

Answer 1

Devise 不支持 API 模式。 https://github.com/heartcombo/devise/issues/4997

您可能想尝试 devise_token_auth gem。

或者编写自定义控制器来正确处理 API 请求。提示：如果您使用 super，您将以 html 模板或重定向到登录页面的方式结束响应。所以不要使用它们。 https://github.com/heartcombo/devise/wiki/Tool:-Generate-and-customize-controllers

POST 对 users/sign_in 的请求正在返回 HTML 并且没有响应？

POST request to users/sign_in is returning HTML and no response?

ruby-on-rails

reactjs

authentication

devise