Question

我为我的第一个Angular项目构建了一个投资组合网站，现在已经准备好了，当我的Angular项目试图找到JSON文件时我收到错误，但它可以找到并生成图像文件在同一资产文件夹中，我可以在本地运行项目时获取JSON -

main.dad43c6….bundle.js:1 ERROR 
e {headers: t, status: 404, statusText: "Not Found", url: "http://megakyle83.com/assets/json/socialMedia.json", ok: false, …}
error
:
"<HTML>
↵<HEAD>
↵<TITLE>404 Not Found</TITLE>
↵<BASE href="/error_docs/"><!--[if lte IE 6]></BASE><![endif]-->
↵</HEAD>
↵<BODY>
↵<H1>Not Found</H1>
↵The requested document was not found on this server.
↵<P>
↵<HR>
↵<ADDRESS>
↵Web Server at &#109;&#101;&#103;&#97;&#107;&#121;&#108;&#101;&#56;&#51;&#46;&#99;&#111;&#109;
↵</ADDRESS>
↵</BODY>
↵</HTML>
headers
:
t {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message
:
"Http failure response for http://megakyle83.com/assets/json/socialMedia.json: 404 Not Found"
name
:
"HttpErrorResponse"
ok
:
false
status
:
404
statusText
:
"Not Found"
url
:
"http://megakyle83.com/assets/json/socialMedia.json"
__proto__
:
Object

当我完成构建时，我使用终端命令ng build --prod，然后通过GoDaddy将生成的dist文件夹中的文件上传到我的Windows Plesk服务器上。当我在Plesk服务器上查看我的资源文件夹时，它显示所有文件都在assets / json /下。我在同一个文件夹中有几个单独的JSON文件。这可能是问题的一部分吗？

我将所有文件上传到我的github - https://github.com/RyanIndustries8/megakyle83

我已经在阳光下尝试了所有这些工作，并且我很难找到任何对Angular有足够了解的人来获得答案。

Answer 1

查看错误消息http://megakyle83.com/assets/json/socialMedia.json 404 Not Found。我已经浏览了你的仓库，而且assets/json/目录中没有这样的文件，而且json中没有assets目录。

我无法在您的整个仓库中找到丢失的 socialMedia.json 文件。确保此文件存在于错误消息中提到的路径下。

Answer 2

这个问题并没有成为我的代码，而是Plesk服务器中的设置问题。我不得不进入服务器设置并将text / json和* / json添加到可用文件列表中。感谢您查看此问题。

服务器无法找到JSON文件，但在同一Assets文件夹中找到IMG文件

2 个答案: