上面的屏幕截图显示了我部署的angular ssr项目的目录结构。即dist / browser,server和server.js
我正在使用pm2,并使有角度的SSR作为节点应用程序运行,如教程中所述。
我已经使用apache代理从apache运行此节点应用程序。
一切正常。实际上,index.html也会按照教程中的说明进行投放,当我点击服务器时,它将呈现html。
当它提供静态内容(如css,js,images)时,就会出现问题。 它抛出404错误。附上截图
可以看出34.x.x.x / abc实际上是节点应用程序运行所经过的代理路径。它还提供index.html。但是js,css文件会引发404错误。
下面是我的服务器的快照。
app.set('view engine', 'html');
app.set('views', join(DIST_FOLDER, 'browser'));
// Example Express Rest API endpoints
// app.get('/api/**', (req, res) => { });
// Serve static files from /browser
// app.get('*.*', express.static(join(DIST_FOLDER, 'browser')));
app.use(express.static(__dirname + '/dist/browser'));
// All regular routes use the Universal engine
app.get('*', (req, res) => {
//res.render('index', { req });
res.render(join(DIST_FOLDER, 'browser', 'index.html'), { req });
});
// Start up the Node server
app.listen(PORT, () => {
console.log(`Node Express server listening on http://localhost:${PORT}`);
});
其中DIST_FOLDER是join(process.cwd(),'dist')
理想情况下,它显示将静态内容作为localhost:4000 / styles.x.css等提供。
我到底想念什么? 感谢帮助