Senden response from server side axios Anfrage zu Reagieren/Redux app

Bin ich ein wenig mit der Erstellung eines backend in Node/Express, aber ich versuche verwenden, axios, um HTTP-Anfragen. Ich habe express-Routen, die den nötigen Antrag und ich weiß aus über Postboten, die GET-Anforderung ich bin Tests nicht eine Antwort zurück. Wo ich stecken geblieben bin, ist wie die Rückkehr, die Daten und senden Sie es an meine Reagieren/Redux app zu verwenden.

Server-Side-

//Express Route
app.get('/api/recipes', recipeController.getRecipes)

//Controller Function that makes axios request
const axios = require('axios')
const Promise = require('bluebird')

module.exports = {
  getRecipes(req, res) {
      const url = "https://gw.hellofresh.com/api/recipes/search?country=us&limit=9"
      const token = "IUzI1NiIsInR5c"

      axios
      .get(url, {
        "headers": {"Authorization": "Bearer " + token}
      })
      .then((response) => {
        console.log(response)
      })
      .catch((err) => {
        console.log(err)
      })

  }
}

- - Client-Side-

Schicke ich die folgende Aktion aus und tätigen Sie einen Anruf mithilfe der Endpunkt, den ich schuf. Jedoch, an diesem Punkt, würde ich eine Fehlermeldung erhalten, status, obwohl auf der server-Seite war ich in der Lage, eine Antwort zu bekommen. Ich habe versucht, um das Spiel mit Versprechungen, wie ich gelesen habe, dass axios GET-Anfragen Renditen verspricht, konnte Sie aber nicht wickeln Sie meinen Kopf herum auf, wie es zu implementieren.

export const getRecipes = () => {
  return (dispatch) => {
    axios
    .get('/api/recipes')
    .then((resp) => {
      console.log(resp)
    })
    .catch((err) => {
      console.log(err)
    })
  }
}
InformationsquelleAutor jamesvphan | 2017-09-29
Schreibe einen Kommentar