No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs,

-




Just got a solution to an error which I was facing for the last 2 days,

It was really a bit mistake which I was doing but now resolved, 

I was trying to send a SMS from Twilio API 

//

const app = express(); 

const express = require('express'); 

app.use(cors()); <<<<<

//

if you just comment on this above line you get the same error mentioned below, I have set upped react server/website on 3000 port and express server on 4000 port. so the website sends a post request running on 3000 port to the server on port 4000 mechanisms called cross-origin request.

//

Access to fetch at 'http://localhost:4000/api/send-sms' from origin 'http://localhost:3000' has been 

blocked by CORS policy: Response to preflight request doesn't pass access control check: 

No 'Access-Control-Allow-Origin' header is present on the requested resource.

If an opaque response serves your needs, set the request's mode to 'no-cors' to

fetch the resource with CORS disabled.

//

The CORS mechanism supports secure cross-origin requests and data transfers between browsers and servers. 

modern browsers use CORS in APIs such as XMLHttpRequest or Fetch to mitigate the risks of cross-origin HTTP requests.


For security reasons, browsers restrict cross-origin HTTP requests initiated from scripts. 

For example, XMLHttpRequest and the Fetch API follow the same-origin policy. This means that a web application using those APIs can only request resources from the same origin the application was loaded from unless the response from other origins includes the right CORS headers.

https://stackoverflow.com/questions/68507106/twilio-js264-uncaught-typeerror-url-url-is-not-a-constructor/68538673#68538673

So I have also answered on StackOverflow I have mentioned code snippets also if you found it useful just do upvotes 🔼 or any suggestions or improvements are most welcome.

References: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS



Comments

Post a Comment

Popular posts from this blog

Factorial of the "N" natural numbers using recursion and iterative method in CPP language

-
Image
In this post, I am gonna show you how to find factorial of N numbers using recursion and as well as iterative approach, Here is the video clip of recursion that will visualize that how the recursion work.    Here's the code below in this code I have used input.txt and outout.txt for input-output purpose. and you can also use the code below and visualize using the recursion visualizer tool using this link https://recursion.now.sh/ Recursive approach It will take one integer value to find out the factorial and in this, we will take the first base condition, where the recursion will stop and we will get our final answer, and second which will create the stack size of the given number. Iterative Approach For the iterating approach, we just have to iterate the one variable "i" until we got the last number "n". and parallelly multiplying it with the "fact" variable which we have declared as "1" before.
Read more

Solution for "Developer Error" In React Native Google Authentication

-
Image
  " Developer Error " In React Native Google Authentication So in this post, I am gonna show you how you will figure out the developer error in react native google authentication like this is a common error while you start learning about google authentication so make sure anything you are doing of installing any type of dependencies must follow the whole documentation properly because this is the major issue while start learning new technology or something other you are doing is your project so let's start about this topic. Dependencies For RN >= 0.60 please use version installed from @react-native-google-signin/google-signin yarn add @react-native-google-signin/google-signin For RN <= 0.59 use version 2 installed from react-native-google-signin yarn add react-native-google-signin Make sure you properly installed this dependency in your project follow this documentation link below https://github.com/react-native-google-signin/google-signin So this error is shown to ...
Read more