反映开发服务器的变化，无需重新加载节点服务器（Webpack 和 Vue-cli）答案

【问题标题】：reflect changes in devServer without need to reload Node server (Webpack & Vue-cli)反映开发服务器的变化，无需重新加载节点服务器（Webpack 和 Vue-cli）
【发布时间】：2021-01-26 05:19:35
【问题描述】：

假设我有一个使用此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 等）请求，前端会得到响应，但如果我更改 @ 987654326@，直到yarn serve 重新启动，AJAX 才能获取更改的值。

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

【问题讨论】：

标签： javascript node.js vue.js webpack webpack-dev-server

【解决方案1】：

从 Vue CLI 4.5.7 开始，没有对热重载 vue.config.js 的内置支持。

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

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

【讨论】：