kann nicht "src" -Tag in einer richtigen relativen Weise verwenden

Question

Meine Verzeichnisstruktur ist wie folgt. "-" zeigt eine einzelne Ebene im Ordner an.

--file_uploads 
----routes 
----views 
------index.html 
------app.js 
------angular.min.js 
----public 
----node_modules 
----app.js 
----package.json 

Im file_uploads Ordner öffne ich das Terminal und schreiben „sudo nodemon app“, meine Server zu laufen beginnt, wenn ich gehe zu „localhost: // 3000“ Ich bekomme zwei Fehler, dh „Fehler 404 kann nicht eckig finden .min.js "und" Fehler 404 kann app.js nicht finden ".

In meinem index.html habe ich diese zwei Zeilen Code für Quelle „src“: -

<script type="text/javascript" src="./views/angular.min.js"></script> 

<script src="./views/app.js"></script> 

Bitte führen Sie mir, wo ich falsch mache, meine index.html-Seite öffnet, aber nicht finden konnten, der relative Pfad zu angular.min.js und app.js.

Ok, ich habe eine Lösung, um Dateien von http-Server zu trennen, aber ich brauche das mit meinem ausdrücklichen ich könnte Server HTML-Code zusammen mit angularjs Code. Wie kann ich Express + Knoten + Angular + HTML erreichen?

In meiner app.js Server-Seite mache ich das.

var cons = require('consolidate'); 

// view engine setup 
app.engine('html', cons.swig); 
app.set('views', path.join(__dirname+ "/views")); 
app.set('view engine', 'html'); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use('/', index); 
app.use('/users', users); 
app.use('/profile',profile); 

Und wenn es um index.js kommt ich dies tun: -

router.get('/', function(req, res, next) { 
res.render('index.html'); 
}); 

PS, MY SERVER KORREKT index.html rendert.

Answer 1

verwenden, da Sie ausdrücklich

app.use(express.static('public'))

Dadurch werden alle Dateien im öffentlichen Ordner dienen verwenden sind. Platzieren Sie Ihre /angular.min.js und /app.js dort und Ihre index.html sollte sie abholen. Natürlich können Sie den Ordner "views" bereitstellen, aber die darin enthaltene index.html könnte kollidieren.

Stellen Sie sicher, dass Skripts von root z. /angular.min.js und /app.js

1. Installieren: npm installieren -g http-server.
2. cd in views
3. Lauf http-server
4. -http://localhost:8080/ in Browser gehen

Nodemon wird verwendet, um eine Server-Datei nicht Client-Dateien zu dienen, wie Sie zu dienen versuchen.