在vue中使用axios的Cors和预检错误

Posted 2021-03-27

在我的应用程序中，我有laravel作为后端，jwt-auth作为身份验证，socialite作为oauth2提供者，vue作为我的前端。

现在我使用axios在客户端内通过github（https://github.com/login/oauth/authorize）授权用户，然后通过后端api获取访问令牌。

如果我使用POSTMAN执行授权请求一切正常，但如果我使用我的前端axio请求执行请求，我总会得到错误。我想我得到它们是因为一些Header值不正确。有人可以解释一下axion请求执行授权请求所需的变量。

亲切的问候。

答案

您可以在浏览器中禁用非常糟糕的cors，或者您必须在后端启用cors并检查后端是否启用了cors，在浏览器网络选项卡中查找Access-Control-Allow-Origin标头，或者您必须使用代理，以便请求与浏览器看到的相同的源，但被重定向到其他URL。

In create-react-app this works by adding
"proxy":"http://youUrl:portNo."