How can I resolve the error “URL scheme must be “http” or “https” for CORS request.” for this code [duplicate]

You need to be serving your index.html locally or have your site hosted on a live server somewhere for the Fetch API to work properly. The files need to be served using the http or https protocols.

If you just clicked on your index.html from your file explorer than your browser is grabbing those files directly from your file system. This is why the error is showing you an absolute path from the root folder on you computer.

Try installing one of these… – npm serve – Live server (an extension for Visual Studio Code if you are using that)

Or whatever server that will work with your environment.

Should work fine once you spin up a server 🙂 happy coding!

Related Posts:

  1. Getting a UnhandledPromiseRejectionWarning when testing using mocha/chai
  2. Getting a UnhandledPromiseRejectionWarning when testing using mocha/chai
  3. Syntax for an async arrow function
  4. Syntax for an async arrow function
  5. How to obtain username from Promise?
  6. TypeError: Cannot read property ‘then’ of undefined
  7. Using async/await with a forEach loop
  8. Why is my asynchronous function returning Promise { } instead of a value?
  9. TypeError: res.status is not a function
  10. Using setTimeout on promise chain
  11. ES6 Map in Typescript
  12. How do I color a hexagonal grid such that it doesn’t have neighbors of the same color?
  13. How to format a JavaScript date
  14. Wait 5 seconds before executing next line
  15. How to check whether a string contains a substring in JavaScript?
  16. Maximum call stack size exceeded error
  17. What is VanillaJS?
  18. JavaScript equivalent to printf/String.Format
  19. How to read a local text file?
  20. Open a URL in a new tab (and not a new window)
  21. Node.js heap out of memory
  22. JavaScript getElementByName doesn’t work
  23. jQuery.click() vs onClick
  24. Understanding nested for loops in javascript
  25. await is only valid in async function
  26. Tricky : ‘dict’ object is not callable
  27. Scroll to an element with jQuery
  28. Node.js – SyntaxError: Unexpected token import
  29. What is the “right” JSON date format?
  30. jQuery animate backgroundColor
  31. JavaScript get element by name
  32. How do I disable right click on my web page?
  33. Left() function in Javascript or jQuery
  34. Why is “forEach not a function” for this object?
  35. Completely disable scrolling of webpage
  36. How to fix RichEmbed Discord.js
  37. How to convert selected HTML to Json?
  38. Express error – TypeError: Router.use() requires middleware function but got a Object
  39. How to Open New window on every Click
  40. Jquery Ajax Call, doesn’t call Success or Error
  41. How to create a stopwatch using JavaScript?
  42. Uncaught TypeError: .indexOf is not a function
  43. Get all non-unique values (i.e.: duplicate/more than one occurrence) in an array
  44. How to set onClick with JavaScript?
  45. How does += (plus equal) work?
  46. Javascript Comparison Operators != vs !==
  47. onEnter not called in React-Router
  48. Find the largest palindrome made from the product of two 3-digit numbers – Javascript
  49. Javascript/Jquery Convert string to array
  50. How to interpolate variables in strings in JavaScript, without concatenation?
  51. Difference between “module.exports” and “exports” in the CommonJs Module System
  52. Discord error cannot read property ‘isFocused’
  53. onClick not working React js
  54. What language is JavaScript written in?
  55. How to output numbers with leading zeros in JavaScript?
  56. Remove not alphanumeric characters from string
  57. Scroll to bottom of div?
  58. How to sort in mongoose?
  59. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  60. How do you serve a file for download with AngularJS or Javascript?
  61. How can I cache image files locally with PhoneGap / Cordova?
  62. how to display a div triggered by onclick event
  63. Detect a finger swipe through JavaScript on the iPhone and Android
  64. JAX post error : Refused to set unsafe header “Connection”
  65. How to use onBlur event on Angular2?
  66. img onclick call to JavaScript function
  67. Bootstrap Collapse not Collapsing
  68. How to scroll to top of page with JavaScript/jQuery?
  69. Check if a JavaScript string is a URL
  70. Submit form without reloading page [duplicate]
  71. “React.Children.only expected to receive a single React element child” error when putting and in a
  72. What is the difference between Bower and npm?
  73. How to use Head JS with all enqueued scripts?
  74. How to add code to just before closing body tag
  75. Switch to the library tab in the media uploader
  76. Customizer JS API: Defining control settings
  77. Customizer JS API: Adding Setting Dynamically Not Working
  78. Updata Metadata WP Rest API
  79. Customizer JS API: Adding a “dropdown-pages” control
  80. Morris.js for WordPress?
  81. wp.editor.initialize does nothing
  82. Enqueue js script to footer
  83. Add A Tag To A Post Through JavaScript In Gutenberg UI?
  84. Setting/unsetting terms using the Backbone JavaScript client
  85. Load page in customizer preview on panel click?
  86. Make a script work within a page
  87. Add JavaScript to single post
  88. Post title not saving
  89. Failing to load my script files in wordpress! i can’t figure out what i’m doing wrong
  90. WordPress getting css and script files from client machine rather than the server machine
  91. wp_handle_upload returns a critical error response or invalid form submission
  92. How to load Javascript code or functions.php later in a child theme?
  93. Modal won’t appear on all pages
  94. Deferring Script wp-i18n causes a console error ‘wp is not defined’ – Gravityforms
  95. Get user in rest API endpoint
  96. Dynamically write in editor with Javascript
  97. How to change number field to text field using JS
  98. Custom Media Meta fields to alter the generated image HTML that is inserted into a post for my animated GIF image player?
  99. Uncaught SyntaxError: missing ) after argument list [duplicate]
  100. Styling parent based on a child element of a child in a WordPress page

Leave a Comment