[CORS]跨域请求只支持协议方案:http, data, chrome, chrome-extension, http
[CORS]Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource
我知道有很多解释,但它仍然不能解决我目前的问题。基本上,我使用的是/sth
和' '/stheelse to render into my index.html (which is
/'),因为一个是post另一个是comments,我确实在服务器中包含了header,但是但是我仍然得到了一个错误说:
XMLHttpRequest不能加载文件:///跨域请求只支持协议方案:http, data, chrome, chrome-extension, https, chrome-extension-resource。"
//client jquery ajax
function something(){
$.ajax({
method: 'GET',
url: '/sth',
headers: headers,
success: function(data) {
console.log(data);
}
});
}
function somethingElse(){
$.ajax({
method: 'GET',
url: '/sthElse',
success: function(data) {
console.log('comment',data);
}
}
}
});
}
// server express
app.use(function(req, res, next) {
res.header('Access-Control-Allow-Origin', 'example.com');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.header('Access-Control-Allow-Headers', 'Content-Type');
next();
});
app.get('/sth', function(request, response){
var req = http.get(url+"posts", function(res){
console.log('STATUS: ' + res.statusCode);
console.log('HEADERS: ' + JSON.stringify(res.headers));
var bodyChunks = [];
res.on('data', function(chunk) {
bodyChunks.push(chunk);
})
.on('end', function() {
var body = Buffer.concat(bodyChunks);
response.send(JSON.parse(body));
})
});
req.on('error', function(e) {
console.log('ERROR');
});
});
app.get('/sthElse', function(request, response){
console.log('STATUSasdf: ' + response.statusCode);
var req = http.get(url+'comments', function(res) {
var bodyChunks = [];
res.on('data', function (chunk) {
bodyChunks.push(chunk);
})
.on('end', function() {
console.log('this is bodychunks pre decription', bodyChunks);
var body = Buffer.concat(bodyChunks);
response.send(JSON.parse(body));
})
});
req.on('error', function(e) {
console.log('problem with request: ' + e.message);
});
});
我确实在我的服务器中包含了header
这里没有涉及到服务器。
您正在从本地文件加载HTML文档。您正在使用另一个本地文件的相对URL。
你应该通过http
加载这两个文件,这样应该可以解决这个问题。
相关文章:
- 轻量级zxcvbn替代方案
- 正在寻找比$(document).ready慢的$(window).load的替代方案
- ng映射方向备选方案
- Meteor如何接收HTTP请求
- 在我的情况下,如何进行http请求
- //而不是在src=“”上使用http://"属性
- 为什么$.brower被弃用?还有什么更好的替代方案
- 我无法使用angularJs($http)访问服务器
- AJAX简单错误.XMLHttpRequest无法加载http://localhost/mpl/getPage.php.
- 如何将PHP get查询转换为Meteor's HTTP.get()
- 角度异步http自动完成
- 什么's本地node.js服务器和python简单http服务器之间的区别
- AJAX HTTP基本身份验证解决方案
- HTTPS 页面解决方案下的 HTTP 内容
- [CORS]跨域请求只支持协议方案:http, data, chrome, chrome-extension, http
- 跨域请求仅支持http协议方案
- XMLHttpRequest;跨域请求只支持协议方案:http, data, chrome, chrome-extens
- 用于持久连接的HTTP分块的替代方案
- AngularJs:返回已经找到的嵌套$http解决方案的承诺,但为什么它能工作
- Angular - 仅协议方案支持跨源请求 - 需要解决方法才能在本地运行$http