Javascript 部署AngularJS应用程序：如何让应用程序读取JSON数据

我被难住了。所以我编写了一个很好的小web应用程序，它从一个JSON中获取所有数据，JSON中只有一个数组。为了连接AngularJS部分和数据，我在

services.js

.constant("baseURL","http://localhost:3000/")

这当然只适用于本地的我。但是我还没有考虑到我可能需要让我的网络主机来提供数据

现在，我在这方面完全是个初学者。我在一月份才开始编写应用程序，我已经用了相当的努力编写了我的应用程序。所以我完全不适合这里。我甚至不知道我在找什么。我的意思是，我必须用一些东西来替换

localhost:3000

。但是如果我做了

http://domain.com/db.json

这显然行不通

我和Godaddy的技术支持人员谈过了，当我给他们看这行代码时，他们会说“不，不，没有帮助”。因为，老实说，我甚至不知道我要找的地址叫什么。它是URI吗

关于这一点，我有几个问题要问你，因为——这个故事变得更糟了——我有一份可能的工作要做。不是编码，而是从JSON解析到站点的数据

• 我要找的地址叫什么
• 如何让主机提供JSON数据？我的意思是，我甚至不知道我需要问这里的技术支持人员什么。我需要JSON服务器吗
• 如果他们不提供，我在哪里可以得到JSON数据，这样我就可以把更多的文章推到数组中，并且更喜欢编辑它

非常感谢你

编辑#1 如果有帮助，下面是my/webroot/personalfolder的内容

---

您需要将

baseURL

值更改为站点所在的URL。类似于

http://.com

您需要将您的

localhost:8000

更改为您的域名。例如，如果您购买了

www.foobar.com

，那么在租用的web服务器（如GoDaddy Hosting）上，您的基本URL将变成

www.foobar.com

，端口80和443通常是打开的，因此您无需指定此端口。如果您是自托管，则需要在路由器上打开这些端口，并将端口转发规则应用于您的电脑

当您托管发布的网站时，您只需将JSON文件与网站源代码放在一起。例如，您的结构可能如下所示：

AngularAppFolder/index.html
js
csss

只需添加另一个名为

db

的文件夹，将您的JSON文件放在其中，并在您的角代码中引用它，无需担心，它只是另一个文件，就像您的HTML或CSS一样，构成您的网站。请记住，您的JSON数据将在此处公开

如果您正在寻找获取JSON数据的另一种方法，那么您可能需要考虑创建一个RESTAPI。它使用web服务器根据您发送给它的HTTP请求分发数据。但这是一个非常大的话题！这里有一些阅读，如果你觉得勇敢的话

---

最后注意：如果您是自托管此应用程序（在您自己的计算机或服务器上运行），则需要将域名的DNS记录更改为服务器的全局IP地址！但是，如果您使用GoDaddy等公司提供的托管服务，您不必担心。

您的JSON存储在单独的文件中。是吗？@Harvey是。该文件名为

db.json

。您需要将该文件放在与web应用程序相同的目录中，并使用

db.json

的路径在应用程序中引用它。一种更好（更复杂）更安全的方法是创建一个真正的DB，（MongoDB与

angular.js

以及

node.js

后端配合使用效果非常好。至于域，您可以将其更改为从godaddy购买的。com@EvanBechtol我很想做一件更复杂的事情，但我恐怕我的技能还不够。我已经用尽了我的知识。但你说我必须这么做将db.json放入我的脚本文件夹？@Zeke您可以将其放在那里，或者创建一个名为

db

的新文件夹，并将

db.json

放在那里。这里的关键是您在代码中获得正确的路径。如果要将文件放入

scripts

，则代码中文件的路径类似于

/scripts/db、 json

（我不知道确切的文件结构，所以假设

index.html

在根目录中）如果我这样做，我会得到一个

错误-1

，我不知道这是什么意思。作为参考，我的db.json在我的站点的根文件夹中。因此它是domain.com/db.json。你从哪里得到这个错误-1？当我添加

domain.com

作为基本URL，然后重新加载站点时。我已经实现了错误处理，因此，如果数据读取失败，它将被删除播放错误。更改

baseURL

后，是否从

domain.com

或从

localhost

加载

index.html

？站点是否实际托管在域位置？因此，它托管在域DNS记录指向的正确web服务器上？