laravel - 本地主机上的访问控制允许来源(Laravel 和 Vue)CORS CORB 错误

Question

我使用了这个包，但没有用(https://github.com/barryvdh/laravel-cors)

addSMS() {
    axios.post('https://smsmisr.com/api/webapi', {
                headers: {
                        'Access-Control-Allow-Origin': '*',
                        'Access-Control-Allow-Methods': 'POST, GET, PUT, OPTIONS, DELETE',
                        'Access-Control-Allow-Headers': 'Access-Control-Allow-Methods, Access-Control-Allow-Origin, Origin, Accept, Content-Type',
                        'Content-Type': 'application/json',
                        'Accept': 'application/json'
                    },
                username: '*****',
                passowrd: '****',
                etc: '',
            })
            .then(function (response) {
                console.log(response);
            })
            .catch(function (error) {
                console.log(error);
            });
        }

请告诉我如何修复它，它对我不起作用。

Answer 1

由于您无法访问 API 的源代码，因此与 .htaccess 或添加 'Access-Control-Allow-Origin': '*', 在脚本中。但是您仍然可以通过打开禁用安全模式的 chrome 浏览器来消除此错误

在 Windows 中运行 CMD(同时按下 Windows 按钮和键盘上的 R 键。然后在框中键入 cmd 并回车)。

然后转到 C 驱动器(在 CLI 中)或安装 chrome 的位置(使用 cd 命令)然后运行以下命令

“Program Files (x86)\Google\Chrome\Application\chrome.exe” –-allow-file-access-from-files --disable-web-security --user-data-dir --disable-features=CrossSiteDocumentBlockingIfIsolating

它将以禁用的网络安全模式打开您的浏览器。完成后，您现在可以使用这种 CORS 或 CORB 错误进行测试。

注意:在运行此命令之前，请确保没有打开 chrome。

Program Files (x86)\Google\Chrome\Application\chrome.exe 这应该是你的 chrome 安装路径

但是打开浏览器后会显示如下，不要 panic 也不要关闭此消息。如果您关闭此消息，它将再次通过此 CORS 或 CORB 错误