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

【问题标题】：How to run webstorm angularJS application standalone in chrome?如何在 chrome 中独立运行 webstorm angularJS 应用程序？
【发布时间】：2016-03-15 19:28:29
【问题描述】：

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

【问题讨论】：

标签： angularjs google-chrome firefox

【解决方案1】：

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

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)
});

【讨论】：

【解决方案2】：

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

对于 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

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

否则看看控制台是最明智的做法，有时会在那里弹出错误信息。

【讨论】：

我在 google chrome 上有一个 CORS 插件来处理相同的来源策略，如果我从 Webstorm 打开它并且在控制台中没有错误，则相同的页面可以工作。
找不到太多关于 webstorm 引导 angular 的方式的信息，所以我相信最好的选择是尝试运行你的项目，就好像它是在没有 webstorm 的情况下创建的一样，确保你已经安装了 node 和 bower，重新安装组件（确保 package.json 和 bower.json 文件存在），从命令行运行所有内容，看看会弹出什么。