我正在尝试利用CORS发布帖子请求。我偶然发现了几篇与CORS相关的文章/答案,但不知何故无法正常工作。如何使用Angular2向外部API发送POST请求?
据我所知,access-control-allow-origin: *
将被设置在服务器端来得到这个工作,但我在这里是一个角 - cli项目。
我的项目纯粹是基于Angular 2.1的,并且没有涉及后端服务器。有关如何正确设置它的任何建议将受到高度赞赏。
是我得到确切的错误是这样的:
"NetworkError: 404 Not Found - https://flowxo.com/hooks/a/rbpja7r2/?usertype=User"
和此警告在控制台:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the
remote resource at https://flowxo.com/hooks/a/rbpja7r2/?usertype=User.
(Reason: CORS header 'Access-Control-Allow-Origin' missing).
更新:
这里是我如何努力使POST请求:
let headers = new Headers();
headers.append('Access-Control-Allow-Headers', 'Content-Type');
headers.append('Content-Type', 'application/json');
headers.append('Access-Control-Allow-Methods', 'POST, OPTIONS');
headers.append('Access-Control-Allow-Origin', '*');
return this.http.post(
this.flowxoUrl,
JSON.stringify(formData),
{headers: headers}
)
.map((res:Response) => res.json())
.catch((error:any) => Observable.throw(error.json().error || 'Server error')); //...errors if any
你可以分享你的服务器端代码,也有一些镀铬的插件,使人们有可能使CORS请求。 –
不涉及后端服务器 –
在这种情况下,您将需要使用Chrome插件,该插件应该可以工作https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=zh-CN –