Nuxt.js 배포, GitHub.io 정적 js 리소스 404 오류를 해결하는 방법

현상

원인 추측

수정하는 방법

nuxt.config.js

{
  // Disable server-side rendering (https://go.nuxtjs.dev/ssr-mode)
  ssr: false,
  // Target (https://go.nuxtjs.dev/config-target)
  target: 'static',
  build: {
    extend(config, { isDev }) {
      if (!isDev) {
        config.output.publicPath = './static/'
      }
  },
  router: {
    mode: 'hash'
  },
}

generate

# command
nuxt generate

node.js 처리

// build/index.js
const fs = require('fs-extra')
const { resolve } = require('path')

// Rename: _nuxt to static
fs.moveSync(resolve(__dirname, '../dist/_nuxt'), resolve(__dirname, '../dist/static'))

// command
node build/index.js

package.json 수정

{
  "scripts": {
    "build": "nuxt generate && node build/index.js"
  }
}

// command
npm run build

비고