即使使用CORS，CORS也会被阻止，从而允许在浏览器上扩展

Question

我正在尝试从本国的政府api恢复一些数据。 但是我在CORS方面遇到问题。

Access to XMLHttpRequest at 'http://www.portaltransparencia.gov.br/api-de-dados/bolsa-familia-por-municipio?mesAno=202004&codigoIbge=5300108&pagina=1' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

那是错误，这行代码是我的axios代码：

 let headers = {
        'Accept': '*/*',
        'chave-api-dados': 'cec73fb24c54ff134d2053da6b471467'
    }
    axios
        .get(url, { headers })
        .then((response) => {
            const { benefits } = response.data;
            this.gov_benefitsF = benefits;
            console.log(benefits);
        })
        .catch(error => {
            console.log(error)
            this.errored = true
        })
        .finally(() => this.loading = false)

我应该怎么做才能使它正常工作？我正在使用此扩展名CORS Allow Access，在这里没有任何操作

Answer 1

在响应中添加CORS标头的浏览器扩展不会生成对飞行前OPTIONS请求的响应。

您需要服务器向您授予权限或使用代理。