Vue-Nuxt：为什么我无法正确看到生成的 HTML？

Question

因此，当我输入npm run generateNuxt 时，会将我的项目生成到 dist文件夹中。在该文件夹中，我可以找到一个名为_nuxt“我有.js文件”的文件夹和该index.html文件，但是当我在浏览器中打开它时，它没有显示任何内容。

所以，我的问题是：这些不是静态文件吗？

当您使用CDN 服务 vue.js时 ，您拥有html文件并单击，所有内容都会显示在浏览器上.html，因为这些文件是静态的，它们不需要内部本地主机服务器。为什么npm run generate不做同样的事情呢？或者我怎样才能看到这些生成的文件？

Answer 1

正如@aljazerzen所解释的，Vue,js并不是SSR开箱即用的，其目的之一Nuxt.js是为您提供 SSR，作为一个好处，您还可以生成网站的静态版本。如果我正确地得到了你想要的，你想要做的是，当你打开你的index.html（Nuxt.js为你生成的）时，你可以看到你的功能网页。当您通过网址访问网站时file:///，您的浏览器（至少我在 Chrome 上见过这种情况）不会加载您的.js文件。

我手头没有任何 Nuxt 生成的网站，所以我无法确切地告诉你为什么会发生这种情况。但这是我的猜测：当Nuxt生成这些文件时，它会给它们一个src无法访问的file:///，也许是/your_js.js，当它尝试加载它时，认为它是/根文件夹的，而不是相对于您网站的根目录的（/）。

此问题的解决方案是使用任何 Web 服务器为您的资产提供服务。根据Nuxt.js 的文档：

nuxt生成：Build the application and generate every route as a HTML file (used for static hosting).

您可以通过键入以下内容进行快速测试并使用简单的 Web 服务器：

python -m http.server

在包含生成的资产的文件夹中。

希望这可以帮助！