Laden der lokalen Datei im Browser referenziert CSS oder JS
Dies könnte ein grundlegendes Problem sein, aber einige wie funktioniert nicht für mich.
Hier ist mein HTML:
<!doctype html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<base href="/">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="app/app.css"/>
</head>
<body ng-app="App">
<div> Hi There</div>
<script src="app/vendor.js"></script>
<script src="app/app.js"></script>
</body>
</html>
Diese Datei befindet sich unter:file:///Users/kiran/Documents/app/dist/public/index.html
Referenzierte Dateien befinden sich unter:
app.css: file:///Users/kiran/Documents/app/dist/public/app/app.css
vendor.js: file:///Users/kiran/Documents/app/dist/public/app/vendor.js
app.js: file:///Users/kiran/Documents/app/dist/public/app/app.js
Als ich jedoch versuchte, die Datei mit browser-> open zu öffnen, wurde gemeldet, dass die Dateien nicht mit einem Fehler geladen werden können:
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/app.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/vendor.js
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/app.js
Verhalten ist in Firefox identisch, obwohl die Fehlermeldung unterschiedlich ist. Was muss ich tun, damit es funktioniert? Schätzen Sie die Hilfe.
Hinweis: Es funktioniert gut, wenn ich einen Webserver betreibe, aber ich muss dafür sorgen, dass dies mit lokalen Referenzen und auch auf dem Webserver funktioniert.