Laravel API - AngularJS：Access-Control-Allow-Origin错误

Question

你好stackoverflowers！

我很难让Angular和Laravel一起工作。我想与Laravel分开使用Angular。我使用forge设置了2个域app.domain.com和api.domain.com。当我想将app.domain.com或localhost的请求发送到我的api.domain.com时，我得到了一个“访问控制 - 允许 - 来源”＃39; （= CORS？）错误。

错误：

XMLHttpRequest无法加载http://api.domain.com/api/authenticate。对预检请求的响应没有通过访问控制检查：否＆＃39;访问控制 - 允许 - 来源＆＃39;标头出现在请求的资源上。起源＆＃39; http://localhost:8888＆＃39;因此不允许访问。

我用谷歌搜索了几个小时，但我无法解决这个问题。我已经尝试过向Laravel添加CORS中间件但是没有效果。

{
        return $next($request)
            ->header('Access-Control-Allow-Origin', '*')
            ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS')
            ->header('Access-Control-Max-Age', '1000')
            ->header('Access-Control-Allow-Headers', 'Content-Type, Authorization, X-Requested-With');
}

错误仍在显示中。奇怪的是允许获取请求，但由于某种原因，不允许发布请求。

通常我使用APACHE作为服务器，但Laravel Forge使用nginx。这与nginx有什么关系吗？

我的nginx配置文件：

server {
listen 80;
server_name api.domain.be;
root /home/forge/api.domain.be/public;

# FORGE SSL (DO NOT REMOVE!)
# ssl_certificate;
# ssl_certificate_key;

ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

index index.html index.htm index.php;

charset utf-8;

location / {
    try_files $uri $uri/ /index.php?$query_string;
}

location = /favicon.ico { access_log off; log_not_found off; }
location = /robots.txt  { access_log off; log_not_found off; }

access_log off;
error_log  /var/log/nginx/api.onlinevaten.be-error.log error;

error_page 404 /index.php;

location ~ \.php$ {
    fastcgi_split_path_info ^(.+\.php)(/.+)$;
    fastcgi_pass unix:/var/run/php5-fpm.sock;
    fastcgi_index index.php;
    include fastcgi_params;
}
location ~ /\.ht {
    deny all;
}

}

任何人都可以帮助我吗？太棒了！

Answer 1

试试这个，它对我有用

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS');
header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token');