角种子 web-script.js 和 cors
Posted
技术标签:
【中文标题】角种子 web-script.js 和 cors【英文标题】：angular-seed web-script.js and cors 【发布时间】：2013-11-30 21:47:29 【问题描述】：我已经累了第二天...我正在尝试从外部域获取一些 json，但我与 CORS 决裂了。我几乎可以肯定how to use JSONP in AngularJS resource，这个问题出在我的 node.js 服务器上，它没有发送
Origin: http://api.bob.com
所以，我阅读了无数 CORS 谷歌答案，但都说几乎一样：
var allowCrossDomain = function(req, res, next)
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
next();
;
(...)
app.use(allowCrossDomain);
但是...在 scripts\web-script.js 中没有任何与 app 类似的东西，我可以将其用作 app。
下面的 web-script.js（它只是来自包）
#!/usr/bin/env node
var util = require('util'),
http = require('http'),
fs = require('fs'),
url = require('url'),
events = require('events');
var DEFAULT_PORT = 8000;
function main(argv)
new HttpServer(
'GET': createServlet(StaticServlet),
'HEAD': createServlet(StaticServlet)
).start(Number(argv[2]) || DEFAULT_PORT);
function escapehtml(value)
return value.toString().
replace('<', '<').
replace('>', '>').
replace('"', '"');
function createServlet(Class)
var servlet = new Class();
return servlet.handleRequest.bind(servlet);
/**
* An Http server implementation that uses a map of methods to decide
* action routing.
*
* @param Object Map of method => Handler function
*/
function HttpServer(handlers)
this.handlers = handlers;
this.server = http.createServer(this.handleRequest_.bind(this));
HttpServer.prototype.start = function(port)
this.port = port;
this.server.listen(port);
util.puts('Http Server running at http://localhost:' + port + '/');
;
HttpServer.prototype.parseUrl_ = function(urlString)
var parsed = url.parse(urlString);
parsed.pathname = url.resolve('/', parsed.pathname);
return url.parse(url.format(parsed), true);
;
HttpServer.prototype.handleRequest_ = function(req, res)
var logEntry = req.method + ' ' + req.url;
if (req.headers['user-agent'])
logEntry += ' ' + req.headers['user-agent'];
util.puts(logEntry);
req.url = this.parseUrl_(req.url);
var handler = this.handlers[req.method];
if (!handler)
res.writeHead(501);
res.end();
else
handler.call(this, req, res);
;
/**
* Handles static content.
*/
function StaticServlet()
StaticServlet.MimeMap =
'txt': 'text/plain',
'html': 'text/html',
'css': 'text/css',
'xml': 'application/xml',
'json': 'application/json',
'js': 'application/javascript',
'jpg': 'image/jpeg',
'jpeg': 'image/jpeg',
'gif': 'image/gif',
'png': 'image/png',
'svg': 'image/svg+xml'
;
StaticServlet.prototype.handleRequest = function(req, res)
var self = this;
var path = ('./' + req.url.pathname).replace('//','/').replace(/%(..)/g, function(match, hex)
return String.fromCharCode(parseInt(hex, 16));
);
var parts = path.split('/');
if (parts[parts.length-1].charAt(0) === '.')
return self.sendForbidden_(req, res, path);
fs.stat(path, function(err, stat)
if (err)
return self.sendMissing_(req, res, path);
if (stat.isDirectory())
return self.sendDirectory_(req, res, path);
return self.sendFile_(req, res, path);
);
StaticServlet.prototype.sendError_ = function(req, res, error)
res.writeHead(500,
'Content-Type': 'text/html'
);
res.write('<!doctype html>\n');
res.write('<title>Internal Server Error</title>\n');
res.write('<h1>Internal Server Error</h1>');
res.write('<pre>' + escapeHtml(util.inspect(error)) + '</pre>');
util.puts('500 Internal Server Error');
util.puts(util.inspect(error));
;
StaticServlet.prototype.sendMissing_ = function(req, res, path)
path = path.substring(1);
res.writeHead(404,
'Content-Type': 'text/html'
);
res.write('<!doctype html>\n');
res.write('<title>404 Not Found</title>\n');
res.write('<h1>Not Found</h1>');
res.write(
'<p>The requested URL ' +
escapeHtml(path) +
' was not found on this server.</p>'
);
res.end();
util.puts('404 Not Found: ' + path);
;
StaticServlet.prototype.sendForbidden_ = function(req, res, path)
path = path.substring(1);
res.writeHead(403,
'Content-Type': 'text/html'
);
res.write('<!doctype html>\n');
res.write('<title>403 Forbidden</title>\n');
res.write('<h1>Forbidden</h1>');
res.write(
'<p>You do not have permission to access ' +
escapeHtml(path) + ' on this server.</p>'
);
res.end();
util.puts('403 Forbidden: ' + path);
;
StaticServlet.prototype.sendRedirect_ = function(req, res, redirectUrl)
res.writeHead(301,
'Content-Type': 'text/html',
'Location': redirectUrl
);
res.write('<!doctype html>\n');
res.write('<title>301 Moved Permanently</title>\n');
res.write('<h1>Moved Permanently</h1>');
res.write(
'<p>The document has moved <a href="' +
redirectUrl +
'">here</a>.</p>'
);
res.end();
util.puts('301 Moved Permanently: ' + redirectUrl);
;
StaticServlet.prototype.sendFile_ = function(req, res, path)
var self = this;
var file = fs.createReadStream(path);
res.writeHead(200,
'Content-Type': StaticServlet.
MimeMap[path.split('.').pop()] || 'text/plain'
);
if (req.method === 'HEAD')
res.end();
else
file.on('data', res.write.bind(res));
file.on('close', function()
res.end();
);
file.on('error', function(error)
self.sendError_(req, res, error);
);
;
StaticServlet.prototype.sendDirectory_ = function(req, res, path)
var self = this;
if (path.match(/[^\/]$/))
req.url.pathname += '/';
var redirectUrl = url.format(url.parse(url.format(req.url)));
return self.sendRedirect_(req, res, redirectUrl);
fs.readdir(path, function(err, files)
if (err)
return self.sendError_(req, res, error);
if (!files.length)
return self.writeDirectoryIndex_(req, res, path, []);
var remaining = files.length;
files.forEach(function(fileName, index)
fs.stat(path + '/' + fileName, function(err, stat)
if (err)
return self.sendError_(req, res, err);
if (stat.isDirectory())
files[index] = fileName + '/';
if (!(--remaining))
return self.writeDirectoryIndex_(req, res, path, files);
);
);
);
;
StaticServlet.prototype.writeDirectoryIndex_ = function(req, res, path, files)
path = path.substring(1);
res.writeHead(200,
'Content-Type': 'text/html'
);
if (req.method === 'HEAD')
res.end();
return;
res.write('<!doctype html>\n');
res.write('<title>' + escapeHtml(path) + '</title>\n');
res.write('<style>\n');
res.write(' ol list-style-type: none; font-size: 1.2em; \n');
res.write('</style>\n');
res.write('<h1>Directory: ' + escapeHtml(path) + '</h1>');
res.write('<ol>');
files.forEach(function(fileName)
if (fileName.charAt(0) !== '.')
res.write('<li><a href="' +
escapeHtml(fileName) + '">' +
escapeHtml(fileName) + '</a></li>');
);
res.write('</ol>');
res.end();
;
// Must be last,
main(process.argv);
请帮助我 ***，你是我最后的希望。
【问题讨论】：
真的不清楚你想做什么。从另一个域获取数据？$http 或 ($resource) 不会使用 angular 获取它吗？
请看这里***.com/questions/20025711/… - 这是我的角码。当然我使用的 file.json 是 example.com/file.json
那个帖子很混乱....远程域是否提供 jsonp 服务？
我不确定这是一个示例：facebook.com/feeds/page.php?format=json&id=459908330791 - 但是当我将方法更改为 GET => 请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'localhost:8000' 因此不允许访问。
立即发现提要网址不再有效...查看响应。当然，他们有一个 API，您可以访问您想要的服务 jsonp 或启用 CORS 的 API
【参考方案1】：
你有类似的东西： https://github.com/angular/angular-seed/blob/master/scripts/web-server.js
所以你必须在响应头中添加 ALLOW CORS（看下面我添加了 2 行）：
StaticServlet.prototype.sendFile_ = function(req, res, path)
var self = this;
var file = fs.createReadStream(path);
res.writeHead(200,
'Content-Type': StaticServlet.
MimeMap[path.split('.').pop()] || 'text/plain',
// ALLOW CORS - line 1 !!!
'Access-Control-Allow-Origin' : '*',
// ALLOW CORS - line 2 !!!
'Access-Control-Allow-Headers': 'X-Requested-With'
);
if (req.method === 'HEAD')
res.end();
else
file.on('data', res.write.bind(res));
file.on('close', function()
res.end();
);
file.on('error', function(error)
self.sendError_(req, res, error);
);
;
也许你有 jsonp 的其他功能，所以也添加到res.writeHead(200, CORS 标头。
【讨论】：
以上是关于角种子 web-script.js 和 cors的主要内容，如果未能解决你的问题，请参考以下文章
该请求必须是有效的 CORS 请求，并且需要包含“Origin”标头。角
角 POST 请求被 CORS 策略阻止：对预检请求的响应未通过访问控制检查