记一次Nuxt3部署到Github Pages的坑

目的:修改静态生成文件夹名称:_nuxt => static

改这个的原因是部署到Github Page的时候 _nuxt里面的js文件提示404,查了一下应该是因为Github的策略不允许这类文件(文件名中带_)加载。
  • buildAssetsDir应该包裹在app里面,而不是直接将这个值放在config的对象里面
  • 而且这是Nuxt3-generate指令的配置,修改vite-build-assetsDir是没有用的
export default defineNuxtConfig({
  app:{
    buildAssetsDir: "/static/",
  },
  plugins: [
    "@/plugins/element-plus",
    {
      src: "@/plugins/three.js",
      ssr: false,
    },
  ],
  css: ["element-plus/dist/index.css"],
});

其中文档的解释是:
image


修改配置后生效:

image


后续:改成了static的文件夹名称,访问js文件仍然报404,发现是没提交static文件夹到github.io代码库中。
重新提交后,又出现_playload.js不能被访问的问题,修改了nuxt.config.ts中的ssr为false就可以了,也就不生成_playload.js文件了。
image
image
最后附上我的Github Pages地址:https://crispychicken999.github.io/

posted @ 2023-05-05 17:21  脆皮鸡  阅读(656)  评论(0)    收藏  举报