Javascript Nuxt&x2B;Github页面资产

Javascript Nuxt&x2B;Github页面资产,javascript,vue.js,github,nuxt.js,github-pages,Javascript,Vue.js,Github,Nuxt.js,Github Pages,我试图在github页面上部署一个小型nuxt应用程序,但我的资产遇到了问题 在我的项目中,我有一个资产文件夹,其结构如下: ├───css | └── tailwind.css └───img ├── img-1.jpg └── img-2.jpg 按照Nuxt文档中的说明,我已将以下代码添加到我的numxt.config.js: export default { // ... target: 'static', router: {

我试图在github页面上部署一个小型nuxt应用程序,但我的资产遇到了问题

在我的项目中,我有一个
资产
文件夹,其结构如下:

├───css
|    └── tailwind.css
└───img
     ├── img-1.jpg
     └── img-2.jpg
按照Nuxt文档中的说明,我已将以下代码添加到我的
numxt.config.js

  export default {
     // ...
     target: 'static',
     router: {
        base: '/<my-github-repository-name>/'
     }
  }
导出默认值{
// ...
目标:“静态”,
路由器:{
基数:'/'
}
}
nuxt generate
命令运行良好,我的一切都在正确的位置,但是,一旦使用
gh pages
包部署到github上,我的图像就不会加载。有趣的是,当我查看获取资产的请求时,URL是正确的:

https://.github.io//_nuxt/img/img-1.8474c58.png

但是请求仍然抛出404错误,并且我的图像不显示。Github用于构建页面的分支拥有与请求中指定的相同路径下的资产,而tailwind的东西仍在工作,所以我很难理解这个问题


任何帮助都将不胜感激。

资源失败的原因是,.nojekyll文件未移动/部署到github页面中。因此,我在package.json中做了一个小改动,如下所示:

package.json

"deploy": "gh-pages -d dist --dotfiles"
现在,在将.nojekyll文件部署到我的github页面之后,我的项目运行良好,没有任何问题


注意:.nojekyll文件是由/dist文件夹下可用的nuxt generate命令生成的。资源失败的原因是,.nojekyll文件未移动/部署到github页面中。因此,我在package.json中做了一个小改动,如下所示:

package.json

"deploy": "gh-pages -d dist --dotfiles"
现在,在将.nojekyll文件部署到我的github页面之后,我的项目运行良好,没有任何问题


注意:.nojekyll文件是由/dist folder下可用的nuxt generate命令生成的。您好,您能解决此问题吗?在将我的第一个Nuxt应用程序部署到Github页面之后,我也经历了同样的事情。除了缺少img/font资产外,我还没有加载一些必需的Javascript,因此缺少一些功能。我在github页面上也面临类似的问题。你已经解决问题了吗?嗨,你能解决问题吗?在将我的第一个Nuxt应用程序部署到Github页面之后,我也经历了同样的事情。除了缺少img/font资产外,我还没有加载一些必需的Javascript,因此缺少一些功能。我在github页面上也面临类似的问题。你已经解决这个问题了吗?