如何在chrome中独立运行webstorm angularJS应用程序

Question

我的本地机器上有一个 angular 应用程序，我可以通过 chrome、firefox 或 IE 从 webstorm 打开我的 SPA，但是如果我尝试在不使用 IDE 的情况下从我的 Windows 资源管理器打开相同的 html 文件，它只能在 Firefox 中打开和运行，但在 chrome 和 IE 上没有任何内容只是一个空白页。我记得读到Firefox有一个内部服务器或某种类型，而chrome没有，我不记得我在哪里读到的，如果有人知道为什么请帮助。

Answer 1

从长远来看，您最好运行本地文件服务器IMO。 你可以 http://effbot.org/librarybook/simplehttpserver.htm 查看python的简单服务器示例，或者我通常在node中运行这样的东西：

var http = require('http');
var express = require('express');
var app = express();
app.use('./', express.static(__dirname + './'));
app.get('*', function(req, res) {
    return res.redirect('./');
});
// Create a server
var server = app.listen(3513, function () {
    console.log('Server listening on', 3512)
});

Answer 2

如果您使用的是纯角度，则不需要服务器，但是您可能会遇到一些安全问题，请尝试在没有安全性的情况下运行，看看会发生什么。

对于 OSX，打开终端并运行：

$ open -a Google Chrome --args --disable-web-security

对于 Linux 运行：

$ google-chrome --disable-web-security

此外，如果您尝试出于 AJAX 或 JSON 等开发目的访问本地文件，您也可以使用此标志。

-–allow-file-access-from-files

对于 Windows，请进入命令提示符并进入 Chrome.exe 所在的文件夹并键入

chrome.exe --disable-web-security

这应该禁用同源策略并允许您访问本地文件。

否则，查看

控制台是最理智的事情，有时会在那里弹出错误信息。