提供静态文件会引发404错误Angular SSR

时间:2019-05-18 07:11:51

标签: angular express angular-universal

enter image description here

上面的屏幕截图显示了我部署的angular ssr项目的目录结构。即dist / browser,server和server.js

我正在使用pm2,并使有角度的SSR作为节点应用程序运行,如教程中所述。

我已经使用apache代理从apache运行此节点应用程序。

一切正常。实际上,index.html也会按照教程中的说明进行投放,当我点击服务器时,它将呈现html。

当它提供静态内容(如css,js,images)时,就会出现问题。 它抛出404错误。附上截图

enter image description here

可以看出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等提供。

我到底想念什么? 感谢帮助

0 个答案:

没有答案