本地主机上的Access-Control-Allow-Origin（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错误进行测试。

注意：在运行此命令之前，请确保没有打开任何镶边。

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

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