相关疑难解决方法(0)

使用相对路径使用 Nuxt.JS 生成静态站点

我用来Nuxt 2.15.8生成静态页面(如果可以解决问题,迁移到 Nuxt 3 对我来说也是一个选择)。

当部署在服务器的根文件夹中时它效果很好,但我需要它在子目录中提供服务,例如:

https://my.domain.com/folder/subfolder

问题是编译后的 HTML 包含nuxt相关资源,例如:

/_nuxt/123456789.js

翻译过来就是:

https://my.domain.com/_nuxt/123456789.js显然失败,因为文件位于子文件夹中,而不是根目录中。

我尝试使用publicPath配置和绝对路径,但这对我来说不是一个选择,因为我有几个具有不同 URL 的环境。

我需要生成具有相对路径的静态 HTML 文件,以确保我的网站在所有环境中都能按预期工作,与服务器 URL 无关。

我能够使用它来实现它,Vite + Vue 3但迁移到新的实现不是一个选择,我需要使用当前的Nuxt实现来实现它。

我尝试使用nuxt-vite https://vite.nuxtjs.org/但无法实现相对路径,我仍然得到 /_nuxt/123456789.js 而不是

./_nuxt/123456789.js

../_nuxt/123456789.js

../../_nuxt/123456789.js , ETC

webpack vue.js nuxt.js vite

5
推荐指数
1
解决办法
2289
查看次数

标签 统计

nuxt.js ×1

vite ×1

vue.js ×1

webpack ×1