如何将Angular Universal应用程序部署到Node.js生产服务器?

我有一个要与Universal一起使用的Angular 8应用程序，我想将其部署到共享的Web主机生产服务器上.我事先咨询了虚拟主机，他们告诉我可以在共享的虚拟主机上托管一个角度通用的Web应用程序.但是，无论我做什么，我都无法使网站正常工作.当我转到该网站时，我不断看到以下消息:无法访问该网站"

I have an Angular 8 application with Universal that I want to deploy to a shared web host production server. I checked with the web host in advance and they told me that hosting an angular universal web app is possible on their shared web hosting. However, whatever I do, I can't get the website to work. When I go to the website I keep seeing the message: "This site can't be reached"

我到目前为止所做的事情:

Things I have done so far:

1. 使用npm构建项目运行build:ssr，该项目使用浏览器和服务器文件夹以及server.js文件创建了一个dist文件夹
2. 将dist文件夹移动到public_html文件夹内的服务器. 然后通过SSH访问服务器并执行以下操作:
3. 安装Node.js和npm
4. npm安装
5. npm install pm2 -g
6. pm2 start dist/server.js

1. Build project with npm run build:ssr which created a dist folder with a browser and server folder and a server.js file
2. Move the dist folder to the server inside the public_html folder. Then accessed the server through SSH and did these:
3. install Node.js and npm
4. npm install
5. npm install pm2 -g
6. pm2 start dist/server.js

pm2启动没有问题.

pm2 starts without problems.

这些是一些项目文件.如果有任何遗漏，请询问，我将它们添加到问题中.

These are some of the project files. If any are missing please ask and I'll add them to the question.

带有脚本的package.json的一部分:

Part of the package.json with the scripts:

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "compile:server": "webpack --config webpack.server.config.js --progress --colors",
    "serve:ssr": "node dist/server",
    "build:ssr": "npm run build:client-and-server-bundles && npm run compile:server",
    "build:client-and-server-bundles": "ng build --prod && ng run ProjectName:server:production --bundleDependencies all"
  },

server.js来自构建(仅表达部分，因为它有25000多行):

server.js from the build (only the express part, since it's 25000+ lines):

const app = express__WEBPACK_IMPORTED_MODULE_1__();
const PORT = process.env.PORT || 4000;
const DIST_FOLDER = Object(path__WEBPACK_IMPORTED_MODULE_2__["join"])(process.cwd(), 'dist/browser');
// * NOTE :: leave this as require() since this file is built Dynamically from webpack
const { AppServerModuleNgFactory, LAZY_MODULE_MAP, ngExpressEngine, provideModuleMap } = __webpack_require__(144);
// Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
app.engine('html', ngExpressEngine({
    bootstrap: AppServerModuleNgFactory,
    providers: [
        provideModuleMap(LAZY_MODULE_MAP)
    ]
}));
app.set('view engine', 'html');
app.set('views', DIST_FOLDER);
// Example Express Rest API endpoints
// app.get('/api/**', (req, res) => { });
// Serve static files from /browser
app.get('*.*', express__WEBPACK_IMPORTED_MODULE_1__["static"](DIST_FOLDER, {
    maxAge: '1y'
}));
// All regular routes use the Universal engine
app.get('*', (req, res) => {
    res.render('index', { req });
});
// Start up the Node server
app.listen(PORT, () => {
    console.log(`Node Express server listening on http://localhost:${PORT}`);
});

根据SO或其他地方的几个答案，您可以简单地"将dist文件夹复制粘贴到服务器上，运行pm2，您的网站应该可以正常工作.我觉得仍然缺少很多工作.

According to several answers on SO or elsewhere you "simply" copy paste the dist folder to the server, run pm2 and your website supposedly works. I feel like there's a lot missing to get it working though.

有人知道如何正确地将Angular Universal网站部署到生产服务器吗?

Does someone know how to properly deploy an Angular Universal website to a production server?