Quando tento consumir a seguinte API: http://www.receitaws.com.br/v1/cnpj/83325498000190
Utilizando o axios no React, me deparo com o seguinte erro:
Access to XMLHttpRequest at 'http://www.receitaws.com.br/v1/cnpj/83325498000190' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Como eu faço pra resolver esse problema com o CORS utilizando o React e o AXIOS? Segue o codigo:
import React from 'react';
import axios from 'axios';
export default class PegaEmpresa extends React.Component {
state = {
empresa: []
}
componentDidMount() {
axios.get('http://www.receitaws.com.br/v1/cnpj/83325498000190')
.then(res => {
const empresa = res.data;
this.setState({ empresa });
})
}
render() {
return (
<ul>
{ this.state.empresa.map(empresa => <li>{empresa.name}</li>)}
</ul>
)
}
}
Obrigado! =D