Ich kann keinen Ajaxs Anruf bei der Bereitstellung in Heroku

Question

Ich habe eine Web-App, die ich mit Webpack gebündelt habe, legte ich meine gesamte Reaktion/Redux-App in der öffentlichen Datei, die von Nodejs (Express-Generator) bedient wird. Meine App funktioniert, wenn ich in localhost/local env laufe. Allerdings, wenn ich in Heroku bereitstellen. Ich kann nicht telefonieren.

Die unten ist die Fehlermeldung:

bundle.js:19 GET https://glacial-cove-64389.herokuapp.com/users/ 401 (Unauthorized) 

Object {err: Error: Request failed with status code 401 at e.exports (https://glacial-cove-64389.herokuapp.co…} 
err 
: 
Error: Request failed with status code 401 at e.exports (https://glacial-cove-64389.herokuapp.com/bundle.js:19:10382) at e.exports (https://glacial-cove-64389.herokuapp.com/bundle.js:26:6821) at XMLHttpRequest._.(anonymous function) (https://glacial-cove-64389.herokuapp.com/bundle.js:19:9464) 
__proto__ 
: 
Object 

zunächst dachte ich, es mein mein ROOT_URL sein könnte, so habe ich es unter die ein Beispiel für meine Handlungen Datei.

Also was passiert ist, dass die Reaktion die Anmeldung erkennen und Benutzer auf die richtige Route schieben. aber es gibt den obigen Fehler msg-Statuscode 401 zurück, sobald er die Hauptseiten erreicht.

Das Hauptproblem ich habe, ist, wenn ich versuche CRUD auszuführen, die nicht

Hier ist meine Repo funktioniert: https://github.com/boyboi86/API_basic_random

Answer 1

ich auf die harte Tour herausgefunden ..

Wenn Sie beabsichtigen, um alles in Ihre öffentliche Datei zu bringen, wenn Sie ein Gerüst mit Express-Generator haben. CORS in Ihrem NodeJS Putting ist unzureichend, weil jetzt Ihre axios (reagieren), dass der Anruf macht auch CORS ausgesetzt ist, Und Sie werden in Ihrem axios mit folgendem config haben:

axios.defaults.headers.post['Access-Control-Allow-Methods'] = 'PATCH, DELETE, POST, GET, OPTIONS'; 

Damit soll sichergestellt werden alle Anrufe gemacht wird erlaubt sein. Das wurde mir klar, wenn ich mir die Antwortköpfe ansehe.