不幸的是，您需要以某种方式代理请求。出于安全原因，CORS请求将被浏览器阻止。为了避免这种情况，后端需要为您注入allow origin header。
解决方案取决于您需要代理、开发或生产的位置。

开发环境或node.js生产web服务器

在这个场景中，最简单的方法是使用 'http-proxy-middleware' npm包

const proxy = require('http-proxy-middleware');

module.exports = function (app) {
    app.use(proxy('/api', {
        target: 'http://www.api.com',
        logLevel: 'debug',
        changeOrigin: true
    }));
};

生产-您拥有完全访问权限的Web服务器查看以下页面，了解如何在您的Web服务器上启用此类代理：

https://enable-cors.org/server.html

生产-静态主机/ Web服务器，无完全访问权限

• 如果您的主机支持PHP*，您可以添加一个PHP脚本，如：https://github.com/softius/php-cross-domain-proxy

然后从应用程序向脚本发送请求，脚本将转发请求并在响应中注入头

• 如果您的主机不支持PHP* 不幸的是，您将需要依赖像您使用的解决方案。

为了避免依赖第三方服务，您应该在将要使用的地方部署代理脚本。
我的建议是：

• 迁移到支持php的主机：）（Netlify可能是一个解决方案，但我不确定）
• 例如，您可以将自己的基于node.js的代理脚本部署到Firebase（firebase函数），以确保它不会神奇地下降，并且免费计划可能会处理您的请求量。
• 创建一个免费的Amazon AWS帐户，在那里您将免费获得一年的最小示例，并在那里运行带有nginx代理的ubuntu服务器。

您应该允许CORS从后端发出请求。

可以使用CORS-anywhere。这是一个NodeJS反向代理，它将CORS头添加到代理请求中。
如果我想将CORS添加到https：test-example.com，那么我只需要按照以下步骤操作：

https://cors-anywhere-herokuapp.com/https://test-example.com

使用Chrome时，可以使用CORS扩展。例如MOESIF CORS plugin
你可以使用这样的插件来绕过CORS问题，至少在使用chrome的时候是这样。