反映 devServer 中的更改，而無需重新加載 Node 服務器（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等）請求，前端會收到響應，但是如果我更改"hello world" ，AJAX 不會在重新啟動yarn serve之前，不會獲取更改的值。

我如何才能在更改vue.config.js的后端邏輯時不需要重新啟動服務器？

Answer 1

從 Vue CLI 4.5.7 開始，沒有對熱重載vue.config.js內置支持。

一種解決方法是安裝npm-watch ，並編輯您的package.json以包含以下內容：

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