首页 > 解决方案 > NUXTJS 静态托管路径

问题描述

我创建了一个小型 SPA Nuxt.js 应用程序,但遇到了托管问题。

我正在尝试将应用程序上传到 bluehost 中的静态主机。在域名下,我创建了一个子文件夹,我想在其中运行应用程序。(www.domain.com/myapp/)

我运行命令 NUXT Generate 来生成静态文件夹 (Dist) - 当我将 Dist 文件夹的内容上传到服务器中的文件夹 myapp 并尝试访问它时,它不起作用。

我可以访问 index.html 但一切都坏了。原因是它在域的根文件夹中查找所有文件,而不是在 myapp 文件夹中。

我有办法告诉生成命令使用 myapp 文件夹路径作为其根文件夹吗?

任何帮助解决这个问题将不胜感激。

谢谢

消费电子展

标签: statichostingnuxt.js

解决方案


您必须base在 nuxt 配置文件中设置路由器的路径:

// nuxt.config.js

export default {
  router: {
    base: '/myapp/'
  },
  // ...
}

nuxt 文档


推荐阅读