Vue-CLI로 만든 앱으로 404 페이지 제공

Vue-CLI로 만든 앱으로 404 페이지 제공

Vue-CLI를 사용하여 Vue 앱을 만들고 있습니다.마음에 들지 않는 동작 중 하나는 존재하지 않는 URL입니다(예:localhost:8080/nonexistent/file.html)는 루트인 것처럼 코드 200과 함께 제공됩니다.localhost:8080.

이로 인해 XHR 요청 디버깅이 매우 복잡해질 수 있습니다.

404 코드를 반환하려면 어떻게 해야 하나요?

감시하고 있는 기능은, 실제로는, 로부터의 것입니다.이 기능은 다음과 같이 응답합니다.index.html(클라이언트측 루팅을 사용하는SPA를 대상으로 합니다.이 기능은 Vue CLI 프로젝트에서 기본적으로 사용하도록 설정되지만 Vue CLI 구성을 사용하여 사용하지 않도록 설정할 수 있습니다.

1. 만들다vue.config.js(아직 존재하지 않는 경우) 다음 내용을 포함합니다.

   module.exports = {
     devServer: {
       historyApiFallback: false
     }
   }
   

2. 개발 서버를 재기동합니다(npm run serve).

언급URL : https://stackoverflow.com/questions/53771459/serve-a-404-page-with-app-created-with-vue-cli