Я только что развернул свой сайт из файла dist после компиляции кода Angular 5 с помощью команды ng build --prod.
Локально все файлы Json работают отлично, но после сборки и на сервере я не получаю никакого содержимого из файлов JSON. В Chrome Tool я получаю -
polyfills.a899d0f6ae…486a736.bundle.js:1 GET http://megakyle83.com/assets/json/contactMe.json 404 (Not Found)
main.cd1d757….bundle.js:1 ERROR
e {headers: t, status: 404, statusText: "Not Found", url: "http://megakyle83.com/assets/json/contactMe.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 megakyle83.com
↵</ADDRESS>
↵</BODY>
↵</HTML>
↵
headers
:
t {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message
:
"Http failure response for http://megakyle83.com/assets/json/contactMe.json: 404 Not Found"
name
:
"HttpErrorResponse"
ok
:
false
status
:
404
statusText
:
"Not Found"
url
:
"http://megakyle83.com/assets/json/contactMe.json"
__proto__
:
Object
У меня есть файлы JSON, подключенные к моим компонентам с помощью -
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';
import { DomSanitizer } from '@angular/platform-browser';
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit {
contactMe: string;
socialmedia: any;
linkingPgs: object;
constructor(private http: HttpClient, private router: Router, public sanitizer: DomSanitizer ) {
this.sanitizer = sanitizer;
}
public ngOnInit(): void
{
this.http.get<any>('./assets/json/contactMe.json').subscribe(
data => {
this.contactMe = data;
})
this.http.get<any>('./assets/json/socialMedia.json').subscribe(
data => {
this.socialmedia = data;
})
this.http.get<any>('./assets/json/headerInternalLinks.json').subscribe(
data => {
this.linkingPgs = data;
})
}
}
Что-то не так с подключением файлов JSON?