Haskell Scotty 和 Elm Http NetworkError

Question

我想研究 haskell 后端和前端 elm 的 Web 开发。所以我写了这两个简单的"hello world"代码代码片段

榆树：

import Html exposing (..)
import Html.Events exposing (..)
import Http
import Json.Decode as Decode

main : Program Never Model Msg
main = Html.program
  { view = view
  , update = update
  , init = ("default", Cmd.none)
  , subscriptions = \_ -> Sub.none }

type alias Model = String

type Msg = Get | Response (Result Http.Error String)

update : Msg -> Model -> (Model, Cmd Msg)
update msg model = case msg of
  Get -> (model, get)
  Response (Ok s) -> (s, Cmd.none)
  Response (Err e) -> (toString e, Cmd.none)


view : Model -> Html Msg
view model = div []
  [button [onClick (Get)] [text "click me"],
   text model]


get : Cmd Msg
get =  let url = "http://localhost:3000/get"
       in Http.send Response (Http.get url Decode.string)

haskell/scotty:

import Web.Scotty

main = scotty 3000 $ get "/get" $ json ("hello world" :: String)

两者都可以完美地独立运行 - 这意味着 elm 代码可以从 httpbin 等服务器获取数据，而 scotty 服务器可以处理我使用浏览器或 wget/curl 等工具发送的请求，但当我尝试使用时两者一起 http.send 在 elm 中调用 returns 网络错误

我怀疑两台服务器都托管在同一台计算机上可能是个问题（不知道为什么，但我想消除这种可能性）所以我将客户端站点托管在另一台我知道可以正常工作的计算机上连接到托管 spock 后端的计算机（与 wget 等一起使用），但它仍然无法正常工作。

我是不是遗漏了一些明显的东西，或者有什么问题？提前谢谢

Answer 1

听起来您的问题是由于跨源请求共享 (CORS) 限制造成的。您可以使用 wai-cors 来设置您的 CORS 策略。

示例：

import Web.Scotty
import Network.Wai.Middleware.Cors

main = scotty 3000 $ do
    middleware simpleCors
    get "/get" $ json ("hello world" :: String)

Haskell Scotty 和 Elm Http NetworkError

Haskell Scotty and Elm Http NetworkError

haskell

httprequest

web-development-server

elm

scotty