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

我有一个带有 Universal 的 Angular 8 应用程序，我想将其部署到共享的 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 run build:ssr 构建项目，它创建了一个带有浏览器和服务器文件夹以及 server.js 文件的 dist 文件夹
2. 将 dist 文件夹移动到服务器的 public_html 文件夹内.然后通过 SSH 访问服务器并执行以下操作:
3. 安装 Node.js 和 npm
4. npm 安装
5. npm install pm2 -g
6. pm2 启动 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?