使用JWT访问Rest API适用于Postman，但不适用于Axios

Question

我有一个ApiRest与拉威尔保护与JWT。登录正常工作，但是，当使用登录返回的承载令牌时，我发现错误：

通过“http://api-laravel3”访问XMLHttpRequest。test/api/movies“from origin”http://localhost:8080已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：它没有http ok状态。

邮递员通过持票人令牌访问正常工作。Axios出现了这个问题

     var token = localStorage.getItem('user-token');

      axios.get('http://api-laravel3.test/api/movies', { 
        headers:{
          'Content-Type': 'application/json',
          'Authorization': 'Bearer '+token,
        }
      }).then(function (response) {
        console.log('OK ' + response.status);
        return response.data
      })
      .catch(function (error) {
          console.log('Error: ' + error.response );
          //return Promise.reject(error);
      });

Answer 1

我相信，您可以通过在/public/index上添加这些行来解决问题。php。但如果你介意的话，它并不优雅。

header('Access-Control-Allow-Origin: *');  
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
header("Access-Control-Max-Age", "3600");
header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token');
header("Access-Control-Allow-Credentials", "true");

为了获得更好的解决方案，您可以为您的Laravel应用程序创建一个新的中间件。您应该查看此答案以了解更多信息：https://stackoverflow.com/a/44683779/4448438