使用angular js托管到服务器后访问本地Json文件数据

Question

不要将其重复标记，因为我没有找到任何解决方案。 如果可能的话帮助我。

我有一个名为category.json的文件，我放在index.html文件附近，在json文件中有以下数据。

[{"name":"veg"},{"name","non-veg"}]

现在，我可以使用$ resource和$ http获取该数据，同时无需担心本地系统。

我的查询是在将其托管到显示file not found 404 error的服务器之后。

虽然我们可以通过直接使用var，$scope来声明它，但我只需要使用本地json文件

Answer 1

当服务器给我们404时，表示服务器因安全原因无法找到您所请求的文件或某个原因文件或其扩展名。

执行以下步骤解决问题：

1. 签入开发者控制台（网络选项卡），路径是否正常或存在问题。
2. 如果路径正常，则直接在浏览器中打开该路径
3. 如果浏览器仍显示404，则检查服务器设置并允许 .json 扩展名。将 .json 扩展名的MIME映射为application/json
4. 如果浏览器未显示404，那么您的index.html文件就会发生，请提供您的代码以了解相关信息。

Answer 2

首先检查控制台，因为这可能是路径问题。

尝试提供正确的路径（可能您可以尝试路径“./ file_name.json”）