Relative paths with fetch in Javascript

by

When you say fetch('data.json') you are effectively requesting http://yourdomain.com/data.json since it is relative to the page you’re are making the request from. You should lead with forward slash, which will indicate that the path is relative to the domain root: fetch('/js/data.json'). Or fully qualify with your domain fetch('http://yourdomain.com/js/data.json').

More Related Contents:

  1. Trying to use fetch and pass in mode: no-cors
  2. Why does .json() return a promise?
  3. 5xx or 4xx error with “No ‘Access-Control-Allow-Origin’ header is present”
  4. Error when accessing API with fetch while setting mode to ‘no-cors’ [duplicate]
  5. Fetch request to local file not working
  6. How do I POST a x-www-form-urlencoded request using Fetch?
  7. Setting query string using Fetch GET request
  8. How do I POST with multipart form data using fetch?
  9. Upload progress indicators for fetch?
  10. fetch: Reject promise with JSON error object
  11. Getting “TypeError: Failed to fetch” when the request hasn’t actually failed
  12. Relative Paths in Javascript in an external file
  13. Using an authorization header with Fetch in React Native
  14. fetch – Missing boundary in multipart/form-data POST
  15. Fetch API vs XMLHttpRequest
  16. Retrieve data from a ReadableStream object?
  17. Convert relative path to absolute using JavaScript
  18. What causes a Failed to execute ‘fetch’ on ‘ServiceWorkerGlobalScope’: ‘only-if-cached’ can be set only with ‘same-origin’ mode error?
  19. Why is the response object from JavaScript fetch API a promise?
  20. Intercept fetch() API requests and responses in JavaScript
  21. Using JavaScript Axios/Fetch. Can you disable browser cache?
  22. Failed to load resource: the server responded with a status of 404 (Not Found)
  23. How to fetch XML with fetch api
  24. Unable to fetch POST without no-cors in header
  25. Javascript: Fetch DELETE and PUT requests
  26. how to process fetch response from an ‘opaque’ type?
  27. Angular directive templateUrl relative to .js file
  28. set withCredentials to the new ES6 built-in HTTP request API : Fetch
  29. Slack incoming webhook: Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response
  30. Create a tree from a list of strings containing paths of files – javascript

Leave a Comment