在生成的 HTML 文件中更改 Nuxt 资产 url

【问题标题】：Changing Nuxt assets url in generated HTML files在生成的 HTML 文件中更改 Nuxt 资产 url
【发布时间】：2022-11-11 21:16:54
【问题描述】：

我正在尝试使用 nuxt 生成一个静态网站，但我需要它在没有服务器的情况下工作，只需使用浏览器打开 html 文件。问题之一是在 html 文件中导入的资产的 url，因为我需要 url

src="_nuxt/..."

代替

src="/_nuxt/..."

是否可以更改此配置？

【问题讨论】：

据我所知，如果没有运行免费服务器，就不可能拥有 SSG 服务器。甚至像 Netlify 这样的免费软件。您需要有一个构建工具来运行它。避免这种情况的用例是什么？现代应用程序现在不能从简单的.html 运行。

标签： javascript vue.js frontend nuxt.js static-site-generation

【解决方案1】：

AFAIK，没有办法用 nuxt 做到这一点。因为您正在尝试更改亲属的绝对路径，这并不是它真正的工作方式。

但一个简单的解决方案是使用 npx serve 运行本地 http 服务器来轻松地为您的静态文件提供服务：

$ npx serve

   ┌─────────────────────────────────────────┐
   │                                         │
   │   Serving!                              │
   │                                         │
   │   - Local:    http://localhost:3000     │
   │   - Network:  http://XX:XX:XX:XX:3000   │
   │                                         │
   │   Copied local address to clipboard!    │
   │                                         │
   └─────────────────────────────────────────┘

只需转到此地址，您就会看到执行命令的文件夹中的文件:)

【讨论】：