如何将json文件用于静态服务器？

Question

我已经用angular编写了一个简单的应用程序，其中我将json数据直接编码到控制器的$scope中，然后使用这些数据进行操作。我可以拥有像data.json这样的东西，并将它与js和css文件一起发送给客户端，这样angular就可以读取了吗？我该怎么做呢？不允许使用Ajax。

Answer 1

如果不允许使用AJAX，则必须将该文件转换为javascript文件，而不是JSON文件。通过这样做，您可以得到与JSONP (带填充的JSON)非常相似的东西。在这种情况下，您实际上将JSON对象传递给回调函数。例如：

myCallback({"foo":"bar", "bing":1900});

然后，您可以将此文件作为脚本标记包含在内，您的回调将使用适当的数据触发。确保在定义回调函数的脚本标记之后包含数据的脚本标记。

另一种方法是将对象存储为全局变量。这通常被认为是不好的，污染全球范围。

Answer 2

本地访问

对于本地访问，您可以使用文件URI (可能，取决于所使用的工具)：

file:///home/user/project/file.js

而不是

http://somewhere.net/project/file.js

..。

共享页面

您必须使用服务器才能向浏览器(客户端)提供文件。

要做到这一点，较简单的原型方法是使用netcat之类的工具

nc -l -p 8080 -q 0 < <(
    echo $'HTTP/1.1 200 OK\r\nContent-type: application/javascript\r\n\r';
    cat file.js)

即使在while true;do ... ;done循环中也是如此。

您可以使用更具特色的原型工具，如Mojolicious，或最终确定的服务器，如lighttpd，nginx，Apache等。