Nuxt + Github 頁面資產

Question

我正在嘗試在 github 頁面上部署一個小型 nuxt 應用程序，但我的資產遇到了問題。

在我的項目中，我有一個assets文件夾，其結構如下：

├───css
|    └── tailwind.css
└───img
     ├── img-1.jpg
     └── img-2.jpg

如 Nuxt 文檔中所述，我已將以下代碼添加到我的nuxt.config.js ：

  export default {
     // ...
     target: 'static',
     router: {
        base: '/<my-github-repository-name>/'
     }
  }

nuxt generate命令運行良好，我把所有東西都放在了正確的位置，但是，一旦使用gh-pages包部署在 github 上，我的圖像就無法加載。 有趣的是，當我查看獲取資產的請求時，URL 是正確的：

https://<USERNAME>.github.io/<REPOSITORY>/_nuxt/img/img-1.8474c58.png

但是請求仍然拋出 404 錯誤並且我的圖像沒有顯示。 Github 用於構建頁面的分支具有與請求中指定的相同路徑下的資產，並且順風的東西仍在工作，所以這個問題對我來說有點難以理解......

任何幫助，將不勝感激。

Answer 1

資源失敗的原因是，.nojekyll 文件沒有移動/部署到您的 github 頁面中。 所以我在 package.json 中做了一個小改動，如下所示，

包.json

"deploy": "gh-pages -d dist --dotfiles"

現在，在將 .nojekyll 文件部署到我的 github 頁面后，我的項目運行良好，沒有任何問題。

注意：.nojekyll 文件是由 /dist 文件夾下的 nuxt generate 命令生成的