angularjs - 在 Phoenix/Elixir 中启用跨域资源共享 CORS

Question

我的前端是一个单独的 Brunch.io AngularJS 应用程序。由于我的前端在 http://localhost:3333 上运行和我的 Phoenix 后端 http://localhost:4000尝试 POST 到 http://localhost:4000/api/users/register 时出现此错误

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3333' is therefore not allowed access. The response had HTTP status code 404.

所以我认为这是一个CORS问题。如何在 Phoenix 中发送 header ？

这是我的路由器.ex

  scope "/api", MyApp do
    pipe_through :api
    # Users
    post "/users/register", UserController, :register
  end

这是我的用户 Controller

defmodule MyApp.UserController do
  use MyApp.Web, :controller

  def register(conn, params) do
    IO.puts(inspect(params))

    conn
    |> put_status(201)
    |> json  %{ok: true, data: params}
  end

end

Answer 1

您有几个选项可以为您连接 cors:
https://hex.pm/packages?search=cors&sort=downloads