node.js - 如何将 Angular 6 应用程序部署到 azure node.js 空 webapp

Question

我曾经将我的 Angular 应用程序部署到 azure Web 应用程序。并想尝试使用 nodejs webapp。

谁能帮我这样做的步骤是什么？这与我从 dist 文件夹复制文件并将其放在 d:\home\wwwroot\sites\ 中的其他 webapp 相同吗

现在，当我将内容转储到 nodejs webapp 的 \site 文件夹中时。我刚刚收到“Hello world”消息。这是此位置的 server.js：

var http = require('http');

http.createServer(function (req, res) {

    res.writeHead(200, { 'Content-Type': 'text/html' });
    res.end('Hello, world!');

}).listen(process.env.PORT || 8080);

谢谢

Answer 1

你会想首先构建你的 Angular 应用程序。检查你的 package.json 中的 build 命令，但它通常是npm run build.

然后将 dist 文件夹的内容（或任何输出文件夹的名称）放在 nodejs 应用程序的公用文件夹中。这样 index.html 的路径最终变为 /public/index.html。

现在运行你的节点服务器，你应该能够在 localhost:your-port/ 看到页面