React Proxy error: Could not proxy request /api/ from localhost:3000 to http://localhost:8000 (ECONNREFUSED)

by

So the issue was since both the Node dev environment and the Django dev environment were running in separate docker containers, so localhost was referring to the node container, not the bridged network.

So the key was to use container links, which are automatically created when using docker-compose, and use that as the hostname. So I changed it to 

"proxy": {
    "/api":  {
        "target": "http://django:8000"
    }
},

And that worked, as long as you launch both containers with the same docker-compose command, otherwise you have to manually specify external_links in your docker-compose.yml file.

More Related Contents:

  1. Access to XMLHttpRequest at ‘…’ from origin ‘localhost:3000’ has been blocked by CORS policy
  2. React-router with BrowserRouter / browserHistory doesn’t work on refresh
  3. Error message “error:0308010C:digital envelope routines::unsupported”
  4. Why are cookies not sent to the server via getServerSideProps in Next.js?
  5. ‘npm start’ returns error: “There might be a problem with the project dependency tree”
  6. How to configure axios to use SSL certificate?
  7. How do you send images to node js with Axios?
  8. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  9. npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
  10. How to build a production version of React without minification?
  11. How to send email from my react web application
  12. Module not found: Can’t resolve ‘fs’ in Next.js application
  13. Next.js: document is not defined
  14. How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible?
  15. NodeJS, Axios – post file from local server to another server
  16. CSRF with Django, React+Redux using Axios
  17. Jest gives `Cannot find module` when importing components with absolute paths
  18. “Cannot use import statement outside a module” with Axios
  19. React app error: Failed to construct ‘WebSocket’: An insecure WebSocket connection may not be initiated from a page loaded over HTTPS
  20. Axios (in React-native) not calling server in localhost
  21. Get version number from package.json in React Redux (create-react-app)
  22. How to organise file structure of backend and frontend in MERN
  23. React + Material-UI – Warning: Prop className did not match
  24. How to fix “FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory” error
  25. One project with multiple package.json files
  26. How to get SCSS variables into react
  27. Unable to deploy React JS application on Azure App service
  28. Invalid options object. Dev Server has been initialized using an options object that does not match the API schema
  29. How to deploy reactapp with heroku-22?
  30. Webpack how to build production code and how to use it

Leave a Comment