Fetch request to local file not working

by

You are trying to serve a static file with a fetch command, which inherently requires the file to be served by a server. To resolve the issue, you have a few options available to you. I am going to outline the two that are most commonly suggested for such a thing:

  • Use Node.js and something like expressjs to host your own server that serves the file you want to fetch. While this procedure might require more effort and time, it is certainly more customizable and a good way to learn and understand how fetching from a backend works.
  • Use something like Chrome Web Server to easily set up a very simple server to serve your file on your local network. Using this method, you have very little control over what you can do with said web server, but you can quickly and easily prototype your web application. However, I doubt there’s a way to move this method to production.

Finally, there are other options where you can upload one or more files online and fetch them from an external URL, however this might not be the optimal strategy.

More Related Contents:

  1. Trying to use fetch and pass in mode: no-cors
  2. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  3. React useEffect causing: Can’t perform a React state update on an unmounted component
  4. Using JavaScript Axios/Fetch. Can you disable browser cache?
  5. redux fetch body is not use with no cors mode
  6. React cannot read property map of undefined
  7. UseEffect being called multiple times
  8. How to post image with fetch?
  9. Build an HTML table using React from arrays [closed]
  10. How to delete an item from state array?
  11. How can I use multiple refs for an array of elements with hooks?
  12. Setting a backgroundImage With React Inline Styles
  13. React Router with optional path parameter
  14. ReactJS and images in public folder
  15. Deprecation notice: ReactDOM.render is no longer supported in React 18
  16. In React, what’s the difference between onChange and onInput?
  17. ESLint with React gives `no-unused-vars` errors
  18. Multiple Nested Routes in react-router-dom v4
  19. React JS onClick event handler
  20. React.createClass vs. ES6 arrow function
  21. Is it an anti-pattern to define a function component inside the render() function?
  22. How to avoid extra wrapping in React?
  23. In Firebase when using push() How do I get the unique ID and store in my database [duplicate]
  24. React.js this.props.data.map() is not a function
  25. How to use setState inside callback: ReactJS
  26. How to get selected value of a dropdown menu in ReactJS
  27. Why useEffect running twice and how to handle it well in React?
  28. Firebase-Admin, importing it to react application throws Module not found error
  29. How to prevent Next.js from instantiating a singleton class/object multiple times?
  30. How to dynamically import SVG and render it inline

Leave a Comment