라우터 옵션을 변경하지 않고 NuxtJS 빌드에서 파일 경로 사용자 정의: 단계별 가이드

Question

NuxtJS(ssr: false)를 사용하여 SPA를 개발했습니다. 빌드 후 javascript 및 css 파일의 파일 경로는 dist 폴더가 아닌 도메인의 루트 폴더를 기준으로 합니다. 예를 들어 <script src="/_nuxt/e247009.js"></script>은 브라우저에서 오류

를 발생시킵니다.

"MIME 유형("text/html") 불일치(X-Content-Type-Options: nosniff)로 인해 "url"의 리소스가 차단되었습니다."

나의

CSS 글꼴 얼굴 내 경로에도 이 문제가 있습니다. url

라우터 옵션을 다음과 같이 설정하여 오류를 해결하기 위해 https://stackoverflow.com/a/61638555/8488702 솔루션을 사용할 수 있었습니다.

으아아아

하지만 이제 또 다른 문제가 발생합니다. 즉, nuxt router 프로젝트의 루트 디렉토리에 있는

를 로드하면 오류가 표시됩니다 index.html

페이지를 찾을 수 없습니다

라우터 손상을 방지하기 위해 라우터 옵션을 변경하지 않고 파일 경로를 사용자 정의하는 방법은 무엇입니까?

Answer 1

OP는 자신의 Webstorm IDE를 사용하여 프로젝트를 실행했으며 target: 'static' 로컬 환경에서 작동할 수 있을 것이라고 생각했습니다. 실제 정적 파일이 생성되므로(실제로 CDN에서 호스팅될 수 있음) 프로덕션 환경에서는 작동하지만 최신 개발은 그렇게 간단하지 않습니다.

그래서 현대 개발의 모든 강력한 기능(HMR, 파일 해싱, SASS 등...)을 지원하려면 내장된 로컬 서버를 webpack-dev-server 사용해야 합니다.

Running yarn dev （或 npm run dev)을 사용하면 Nuxt 핵심 팀에서 구성된 Webpack v4 구성을 사용하여 작업 프로젝트를 수행할 수 있습니다.