526互联

记一次Nuxt3更改生成的_nuxt文件夹名称的坑

发布时间 2023-05-05 17:30:56作者: 脆皮鸡

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

改这个的原因是部署到Github Page的时候 _nuxt里面的js/css文件提示404，查了一下是因为Github的content policy不允许这类文件的加载。

buildAssetsDir应该包裹在app里面，而不是直接将这个值放在config的对象里面
而且这是Nuxt3-generate指令的配置，修改vite-build-assetsDir是没有用的

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  app:{
    buildAssetsDir: "/static/",
  },
  plugins: [
    "@/plugins/element-plus",
    {
      src: "@/plugins/three.js",
      ssr: false,
    },
  ],
  css: ["element-plus/dist/index.css"],
});

其中文档的解释是：
image

修改配置后生效：

image