javascript - 产品中的 Angular 4 SEO 友好解决方案

Question

我正在尝试用 Angular 4 创建一个网站。它是我个人学习的基础。

My website已启动并正在运行，但我正在努力改进它。我检查了一下，显然我的网站对 SEO 不友好。我做了一些更改，发现了这个示例 https://oliverveits.wordpress.com/2017/07/05/server-side-rendering-in-angular-4-with-universal/这显示了带有页面源代码的 Angular 4 应用程序。

我进行了更改，我开始使用 Webpack 和链接中添加的其他功能。当我运行命令“npm run start”并访问 http://localhost:8000 时我可以看到页面源代码。但是当我将 dist 复制到我在 Godaddy 域上的服务器时，我不能。

我不确定我必须做什么。如果我需要将我的网站放在 node.js 服务器中，或者如果我没有正确编译它以获得我所期望的。

我对不同的方法持开放态度。

Answer 1

好吧，我找到了导致这个问题的原因。

我认为许多新的 Angular 开发者可能有同样的问题。

当您运行“npm start”或“ng s”时，您所做的是让 Node 监听特定端口。换句话说，您正在运行一个 Node 服务器。

另一种方法是将文件复制到 IIS 服务器或 Apache 服务器。这不会使 Node 服务器运行。在这种情况下，页面将下载到客户端浏览器并作为 HTML/javascript 页面运行。因此，当我尝试查看页面源代码时，我看到了 Angular 文件。

我花了一段时间才理解它。我的背景是 .Net 开发。

现在有一天我的网站在众多 node.js 服务器之一上运行。 evennode.com ，在这台服务器上，他们没有安装 IIS 或 Apache，而是设置了一个 Node 服务器来列出特定端口，然后您就可以在服务器端运行所有开发。

我发现使用像 evennode 这样的 Node js 服务器更容易，他们设置 tup Node js 在我的 Goddady 帐户上运行。