將JSON從索引操作提供到公用文件夾中的index.html

Question

我正在嘗試使用Rails作為后端創建一個單頁應用程序，因為這是我所知道的唯一后端框架。 我將所有文件放在公用文件夾中，還安裝了npm和jspm，以便可以使用javascript功能。

我想做的是在我的電影控制器中執行此索引操作

  def index
    @movies = Movie.all
    render :json => @movies
  end

將電影的集合作為JSON數據發送到位於公共文件夾中的index.html文件。 我正在使用“提取”功能來檢索我的client.js文件中的數據：

let api_url = 'http://127.0.0.1:3000'

fetch(api_url).then(function(resp) {
  resp.json().then(function(movies) {
    console.log(movies)
  })
})

這將導致以下錯誤：

Uncaught (in promise) SyntaxError: Unexpected token <

我不確定這意味着什么，甚至不確定是否正確。 任何幫助將不勝感激。

Answer 1

更改為此：

let api_url = 'http://127.0.0.1:3000/movies'

兩者相同：

fetch(api_url).then(function(resp) {
  resp.json().then(function(movies) {
    console.log(movies)
  })
})

要么

fetch(api_url).then(r => r.json())
  .then(data => console.log(data))
  .catch(e => console.log('error'))