Question

如何让nuxt观看＆＃34;非标准＆＃34;目录和重新编译/重新加载本身，更具体地说是dirs与额外的服务器apis？

我在<?php /* ... code from previous example ... */ // initialize a new Account with the same Database $otherAccount = new Account(/* new account's info */, $database); $otherAccount->updateFollowers(/* ... */);有快递api。由于我使用＆＃39;〜/ api＆＃39;引用了~/api/中的目录，我希望Nuxt在我对该目录中的文件进行一些更改时重新加载，但它不会。< / p>

我只是使用npm run dev来激活nuxt，我不能直接控制 nodemon （如果它在内部使用）或者< strong> webpack （我非常确定）。我尝试添加serverMiddleware，watch: [ '~/api/*.js']，watch: [ '~/api/index.js']来构建watch: [ '~/api/**/*.js']，但没有运气。

Answer 1

只需使用watch: ['api/**/*.js']或watch: ['api']。

与文档显示的内容相反build.watch中的自定义路径未通过Nuxt.resolveAlias()进行规范化，这意味着像~和@这样的Nuxt前缀不会被实际替换路径。
更进一步，当观察者通过chokidar创建时，检查的路径仍然是＆＃34;〜/ api＆＃34; （它不存在）。

错误报告：https://github.com/nuxt/nuxt.js/issues/2983

Answer 2

您可以使用nodemon来监控api文件夹中的更改。首先安装：

npm install --save-dev nodemon

或：

yarn add nodemon --dev

然后在package.json

中添加此代码

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

在Vue Nuxt中观看并重新加载api文件夹

2 个答案: