Vue Nuxt에서 API 폴더 감시 및 새로고침

Vue Nuxt에서 API 폴더 감시 및 새로고침

"비표준" 디렉토리에 대해 nuxt 워치를 만들고 자체 컴파일/새로고침하는 방법, 특히 추가 서버 apis가 있는 dirs에 대해 nuxt 워치를 만드는 방법은 무엇입니까?

express api가 있습니다.~/api/에서 디렉토리를 참조하고 있기 때문에serverMiddleware'~/api'를 사용하면 해당 dir의 파일을 변경할 때 Nuxt가 새로고침될 것으로 예상되지만 그렇지 않습니다.

단순히 npm run dev를 사용하여 nxt를 실행하고 있습니다.노데몬(내부에서 사용하는 경우)이나 웹 팩(확실하다고 확신)을 직접 제어할 수 없습니다.추가해 보았다watch: [ '~/api/*.js'],watch: [ '~/api/index.js'],watch: [ '~/api/**/*.js']짜넣다nuxt.conf.js운이 없더군요

간단하게 사용watch: ['api/**/*.js']또는watch: ['api'].

의 커스텀 패스를 나타내는 문서와는 달리build.watch를 통해 정규화되지 않음Nuxt.resolveAlias()즉, Nuxt 프리픽스는~그리고.@는 실제 경로로 대체되지 않습니다.
더 나아가 chokidar를 통해 워처가 생성될 때 체크된 경로는 "~/api"(존재하지 않음)가 됩니다.

버그 리포트: https://github.com/nuxt/nuxt.js/issues/2983

사용할 수 있습니다.nodemonapi 폴더 내의 변경을 감시합니다.최초 설치:

npm install --save-dev nodemon

또는 다음과 같이 입력합니다.

warn add nodeemon --dev

그런 다음 이 코드를 자신의 내부에 추가합니다.package.json

{
  "scripts": {
    "dev": "nodemon --watch api --exec \"nuxt\"",
  },
}

언급URL : https://stackoverflow.com/questions/46653714/watch-and-reload-api-folder-in-vue-nuxt