Question

我正在按照本教程使用Laravel和Angular设置使用令牌进行身份验证。

https://scotch.io/tutorials/token-based-authentication-for-angularjs-and-laravel-apps

这很好但是当我分别托管Laravel（作为后端）和另一个域上的Angular前端时，我在控制台中遇到了错误的错误： -

- (IBAction) interfaceButtonPressed {

   if(shouldGiveTapticFeedback) {

      //play sound

      [[WKInterfaceDevice currentDevice] playHaptic:WKHapticType.Click];

   }
}

我在Laravel中放置了一个CORS中间件，它适用于简单的路由。

XMLHttpRequest cannot load http://jotdot.mysite.com/api/authenticate.
Response to preflight request doesn't pass access control check: The 
'Access-Control-Allow-Origin' header contains multiple values '*, *', but 
only one is allowed. Origin 'http://jotdotfrontend.mysite.com' is 
therefore not allowed access.

如何将CORS中间件添加到此： -

class Cors
{
/**
 * Handle an incoming request.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  \Closure  $next
 * @return mixed
 */
public function handle($request, Closure $next)
{
    return $next($request)->header('Access-Control-Allow-Origin', '*')-  >header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
}

}

在[＆＃39;前缀＆＃39;旁边添加它=＆GT; ＆＃39; api＆＃39;]没有解决问题。

由于

Answer 1

我认为您的问题是，您的中间件最有可能表现为＆＃39;之后＆＃39;中间件，因此在请求返回客户端之前不会修改请求。相反，它会在发送之后修改请求，这对您没有任何帮助。

尝试修改handle功能，如下所示：

public function handle($request, Closure $next) { $request->header('Access-Control-Allow-Origin', '*'); $request->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS'); $request->header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept'); return $next($request); }

Answer 2

到目前为止，有两种方法可以解决这个问题。我在本网站的另一个问题的答案中解释了解决方案。

请检查以下答案：

Angular CORS Issue for Laravel Backend

身份验证中的Laravel Angular CORS问题

2 个答案: