无需重新加载节点服务器（Webpack 和 Vue-cli）即可反映开发服务器中的更改

Question

假设我有一个使用此 vue.config.js:

的 Vue CLI 项目

module.exports = {
  ...
  devServer: {        
    before: function(app, server, compiler) {
        app.get('/my_response', function(req, res) {                
            res.json({ custom: 'Hello world' });
        });
    },
  }
}

到运行服务器，每次我使用：

yarn serve

但是，一旦本地主机服务器启动，我从前端向 /my_response 端点发出 AJAX（axios 等）请求，前端 - end 得到响应，但是如果我更改 "hello world"，AJAX 在 yarn serve 重新启动之前不会获得更改的值。

我怎样才能做到在 vue.config.js 中更改后端逻辑时不需要重新启动服务器？

Answer 1

从 Vue CLI 4.5.7 开始，built-in 不支持 hot-reloading vue.config.js。

解决方法是安装 npm-watch，然后编辑您的 package.json 以包括以下内容：

{
  "watch": {
    "serve": "vue.config.js"
  },
  "scripts": {
    "watch": "npm-watch"
  }
}