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

2024-07-03

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

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

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

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

/_nuxt/123456789.js

翻译过来就是:

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

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

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

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

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

./_nuxt/123456789.js

../_nuxt/123456789.js

../../_nuxt/123456789.js , etc


试试这个:

export default defineNuxtConfig({
  app: {
    baseURL: '/mydir',
    buildAssetsDir: '/mydir/_nuxt/',
  },
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用相对路径使用 Nuxt.JS 生成静态站点 的相关文章

随机推荐

  • 如何使用亚马逊 s3 服务 Angular 2

    是否可以使用 amazon s3 为 Angular 2 应用程序提供服务 而无需使用专用服务器 如果是这样如何进行 是的 您可以将应用程序部署到 AmazonS3 但不应直接从 Amazon S3 提供该应用程序 S3 是存储服务 而不是
  • Android - 隐藏在 AppBarLayout 后面的视图

    我遇到的问题是我的 RecyclerView 在 AppBarLayout 后面被切断 这是我的 XML
  • 如何离开阿雷尔?

    Arel 3 0 2 提供了两个类来指定连接类型 Arel Nodes InnerJoin and Arel Nodes OuterJoin和用途InnerJoin作为默认值 foo Arel Table new foo bar Arel
  • 如何离开阿雷尔?

    Arel 3 0 2 提供了两个类来指定连接类型 Arel Nodes InnerJoin and Arel Nodes OuterJoin和用途InnerJoin作为默认值 foo Arel Table new foo bar Arel
  • 使用保存的模型在张量流中进行预测

    我使用这段代码来恢复我的模型 但我不知道恢复后如何预测 我可以使用哪个函数 我是张量流的初学者 我不知道将保存哪些参数或函数 在元模型中 sess tf Session saver tf train import meta graph ho
  • 使用保存的模型在张量流中进行预测

    我使用这段代码来恢复我的模型 但我不知道恢复后如何预测 我可以使用哪个函数 我是张量流的初学者 我不知道将保存哪些参数或函数 在元模型中 sess tf Session saver tf train import meta graph ho
  • 使用会话时 Python pickling 错误

    在我的 django 应用程序中 我使用会话变量创建扩展的用户配置文件 但是当保存注册表并且用户即将创建时 我收到以下错误 Traceback most recent call last File Python26 Lib site pac
  • 使用会话时 Python pickling 错误

    在我的 django 应用程序中 我使用会话变量创建扩展的用户配置文件 但是当保存注册表并且用户即将创建时 我收到以下错误 Traceback most recent call last File Python26 Lib site pac
  • 有人遇到过 Sitecore 从页面编辑器中删除 JavaScript 的情况吗?

    假期里我一直在 Sitecore 中开发自定义页面 我注意到 Sitecore 从编辑器中删除 JavaScript 行的问题 以下是我当前场景的概述 我将 Javascript 添加到页面中 我保存 签入并发布 变化已经存在 一切都在进行
  • 有人遇到过 Sitecore 从页面编辑器中删除 JavaScript 的情况吗?

    假期里我一直在 Sitecore 中开发自定义页面 我注意到 Sitecore 从编辑器中删除 JavaScript 行的问题 以下是我当前场景的概述 我将 Javascript 添加到页面中 我保存 签入并发布 变化已经存在 一切都在进行
  • React-Native 停留在加载依赖图已完成。没有错误

    我的应用程序有问题 运行react native run android后 进程因空白页面应用程序而停止 并卡在加载依赖关系图完成时 没有任何反应 一切都很好 突然就不再工作了 我尝试了在互联网上找到的所有内容 仍然不起作用 有任何想法吗
  • React-Native 停留在加载依赖图已完成。没有错误

    我的应用程序有问题 运行react native run android后 进程因空白页面应用程序而停止 并卡在加载依赖关系图完成时 没有任何反应 一切都很好 突然就不再工作了 我尝试了在互联网上找到的所有内容 仍然不起作用 有任何想法吗
  • 何时使用 NSSecureCoding

    我正在学习有关NSSecureCoding http developer apple com library mac documentation Foundation Reference NSSecureCoding Protocol Re
  • 何时使用 NSSecureCoding

    我正在学习有关NSSecureCoding http developer apple com library mac documentation Foundation Reference NSSecureCoding Protocol Re
  • 在 PayPal 沙箱中测试定期付款

    我在贝宝沙箱中测试定期付款 我将它们设置为每月 但有没有办法比这更快地测试从 PayPal 返回的定期付款 任何帮助都会很棒 Thanks 只需创建一种产品或更改现有产品并需要每日定期付款 关键应该是结算期 and 计费频率但请看一下 PS
  • 在 PayPal 沙箱中测试定期付款

    我在贝宝沙箱中测试定期付款 我将它们设置为每月 但有没有办法比这更快地测试从 PayPal 返回的定期付款 任何帮助都会很棒 Thanks 只需创建一种产品或更改现有产品并需要每日定期付款 关键应该是结算期 and 计费频率但请看一下 PS
  • 检查 Pandas 中的单个单元格值是否为 NaN

    我只想检查 Pandas 系列中的单个单元格是否为空 即检查一个值是否为NaN 所有其他答案都适用于系列和数组 但不适用于单个值 我努力了pandas notnull pandas isnull numpy isnan 有没有只针对单一值的
  • 检查 Pandas 中的单个单元格值是否为 NaN

    我只想检查 Pandas 系列中的单个单元格是否为空 即检查一个值是否为NaN 所有其他答案都适用于系列和数组 但不适用于单个值 我努力了pandas notnull pandas isnull numpy isnan 有没有只针对单一值的
  • 使用相对路径使用 Nuxt.JS 生成静态站点

    我在用着Nuxt 2 15 8生成静态页面 如果可以解决问题 迁移到 Nuxt 3 对我来说也是一个选择 当部署在服务器的根文件夹中时它效果很好 但我需要它在子目录中提供服务 例如 https my domain com folder su
  • 使用相对路径使用 Nuxt.JS 生成静态站点

    我在用着Nuxt 2 15 8生成静态页面 如果可以解决问题 迁移到 Nuxt 3 对我来说也是一个选择 当部署在服务器的根文件夹中时它效果很好 但我需要它在子目录中提供服务 例如 https my domain com folder su