- Notifications
You must be signed in to change notification settings - Fork1
Easily bypass CORS errors in development environments.
License
cors-proxy/fix-cors-errors
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Easily bypass CORS errors in development environments with thefix-cors-errors package. This Node module provides a straightforward way to modify URLs to utilize a HTTP Proxy, facilitating the development and testing of web applications that consume third-party APIs without CORS support.
- Simple Integration: Easily integrate with any JavaScript or TypeScript project.
- Development Efficiency: Speed up development and testing phases by circumventing CORS errors.
- Flexibility: Use with popular frameworks like Angular, React, and more.
Installfix-cors-errors using npm by running the following command:
npm install fix-cors-errors
First, import thefixCorsErrors function in your JavaScript or TypeScript file and wrap it around the URL:
import{fixCorsErrors}from'fix-cors-errors';// Using fetch to request datafetch(fixCorsErrors('https://dummyjson.com/products/1')).then(response=>response.json()).then(data=>console.log(data)).catch(error=>console.error('Error:',error));
importReact,{useEffect,useState}from'react';import{fixCorsErrors}from'fix-cors-errors';constDataFetcher=()=>{const[data,setData]=useState(null);useEffect(()=>{constfixedUrl=fixCorsErrors('https://dummyjson.com/products/1');fetch(fixedUrl).then(response=>response.json()).then(setData).catch(console.error);},[]);if(!data)return<div>Loading...</div>;return<div>{JSON.stringify(data)}</div>;};exportdefaultDataFetcher;
import{Component,OnInit}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{HttpClientModule}from'@angular/common/http';import{fixCorsErrors}from'fix-cors-errors';@Component({selector:'app-root',template:` <div *ngIf="data; else loading"> {{ data | json }} </div> <ng-template #loading> Loading... </ng-template> `,styleUrls:['./app.component.css']})exportclassAppComponentimplementsOnInit{publicdata:any;constructor(privatehttpClient:HttpClient){}ngOnInit(){this.httpClient.get(fixCorsErrors('https://dummyjson.com/products/1')).subscribe(result=>this.data=result,error=>console.error('Error:',error));}}
Contributions to fixCorsErrors are welcome! Please refer to the contributing guidelines for more details on how to submit pull requests, report issues, or request features.
This project is licensed under the MIT License - see the LICENSE file for details.
If you encounter any issues or require assistance, please open an issue onhttps://corsproxy.io/support/
About
Easily bypass CORS errors in development environments.