2017-09-10 5 views
2

I Angularjs wurde mit und ich tue dies in Express.jsreagieren App mit Express.js Route Setup

app.get("*", function (req, res) { 
    res.redirect('/#' + req.originalUrl) 
}) 

so dass der Browser die Route des Winkels statt Express verwenden. Aber wie geht das mit dem reaktiven Router? Ich habe 2 Ordner, benannt Server und Client, Server-Ordner hat Express-und API-Logik, während Client-Ordner einfach eine Reaktion App.

+0

warum Sie reagieren funktioniert Verwenden Sie * auf Ihrer Express-Route !? Wie lautet der Name Ihrer anderen API? –

+0

Was versuchst du zu tun? Möchten Sie die Frontend-Dateien wie js/html mit Express bereitstellen? –

Antwort

0

Sie müssen den Pfad setzen in der HTML-Datei, die Sie Ihre App

app.get("/",(res,res) => { 
res.sendFile('put the path of the html file you are rendering your app into here'); 
} 

hier ist ein Beispiel für eine ausdrückliche server.js rendern, die mit

var express = require('express'); 
var bodyParser = require('body-parser'); 
var logger = require('morgan'); 

var app = express(); 
var PORT = process.env.PORT || 3000; 

app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({extended:true})); 
app.use(bodyParser.text()); 
app.use(bodyParser.json({type: 'application/vnd.api+json'})); 

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

app.get('/', function(req,res){ 
    res.sendFile('./public/index.html'); 
}); 


app.listen(PORT, function(){ 
    console.log("Listening on port: " + PORT); 
});