角CORS请求被阻塞
// async CORS setup delegation
function corsOptsDelegator(req, cb) {
let opts = {},
origin = req.header('Origin');
if(imports.allowedOrigins.indexOf(origin) === 1) opts.origin = true;
else opts.origin = false;
opts.optionsSuccessStatus = 200;
opts.methods = ['POST', 'GET']; // allowed methods
opts.credentials = true; // for passing/setting cookie
opts.allowedHeaders = ['Content-Type', 'Accept', 'Access-Control-Allow-Origin']; // restrict headers
opts.exposedHeaders = ['Accept', 'Content-Type']; // for exposing custom headers to clients; use for hash
cb(null, opts);
}
`
`
app.get('/', cors(corsOptsDelegator), (res, req, nxt) => {
// only for adding cors on all requests
nxt();
});
`
export class ContentGetterService {
private root: string;
private corsHeaders: HttpHeaders;
//private contents: string;
constructor(private http: HttpClient) {
this.root = 'http://localhost:8888';
this.corsHeaders = new HttpHeaders({
'Content-Type': 'application/json',
'Accept': 'application/json',
'Access-Control-Allow-Origin': 'http://localhost:4200'
});
//this.contents = '';
}
getContent(subs: Array<string>): Observable<IContent> {
return (() => {
return this.http.get<IContent>( (() => {
let r = this.root;
subs.forEach((s, i, a) => {
if(i === a.length-1) {
r += s;
}
else {
if(s !== '/') {
r += s;
}
}
});
return r;
})(), {
headers: this.corsHeaders
});
})();
}
}
共有1个答案
在使用angular-cli的情况下，可以使用代理：
proxy.conf.json：
{
"/api": {
"target": "http://localhost:8888",
"secure": false
}
}
将所有带有/api前缀的请求重定向到localhost:8888，而不会出现任何cors问题。
-
我有一个Android、Ios和web应用程序，它使用php作为后端。所有Api在android和ios中都运行良好，但在web中抛出CORS错误。得到这样的错误 访问位于“”的XMLHttpRequesthttps://example.com/api“起源”http://localhost:49168'已被CORS策略阻止：请求的资源上不存在'Access Control Allow Origi
-
问题内容： 因此，我有了这个Go http处理程序，该处理程序将一些POST内容存储到数据存储中，并检索其他一些信息作为响应。在后端，我使用： 在我的firefox OS应用程序中，我使用： 传入的部分都一直如此。但是，我的回复被阻止了。给我以下信息： 我尝试了许多其他操作，但是无法从服务器获得响应。但是，当我将Go POST方法更改为GET并通过浏览器访问该页面时，我得到的数据太糟糕了。我无法真
-
问题内容： 我在端口5000的node.js服务器上设置了CORS，如下所示： 我现在正尝试像这样在从硬盘打开的静态网页中使用JQuery发送AJAX POST请求： 该函数从不调用，并且我得到的唯一警报是来自XHR 处理程序的警报，其中包含以下错误： 我认为CORS配置合理， 我缺少什么？ 编辑 ：对于我而言，我能找到的最佳解决方案是从服务器发送页面： 问题答案： 这是我正在使用的代码。它位于我
-
角度HTTP请求被阻止-显示混合内容。 但当我通过浏览器URL访问时，内容会显示出来。 角度代码为： 控制台错误显示为： 混合内容：https://dash-thaidash.c9users.io/#/app/tonnage页面通过HTTPS加载，但请求不安全的XMLHttpRequest终结点http://crms.ttteamthoi.in/get_timespent_br。此请求已被阻止；内
-
我也在应用程序根目录中使用。htaccess文件。（waleedahmad.kd.io/node）。
-
当我向我的api发出请求时，chrome会阻止我的请求，原因是内核。在我的firebase云函数上，我添加了response.set('access-control-allow-origin','*')；（axios get中的xxxxxx只是隐藏请求url） 然后在我的angular应用程序中，我发出一个http post请求，如下所示 url与请求来自的域不同。 当我测试《邮差》里的一切，一切