如何讓grunt-contrib-connect在靜態文件上允許POST，PUT，DELETE方法？

Question

我有一個靜態項目，我打到假種子JSON文件，但它只允許我通過GET訪問它們。這裏是我的grunt配置文件，有誰知道我會如何允許POST？

module.exports = function(grunt) { 
    // Configure 
    grunt.config.set('connect', { 
     server: { 
      options: { 
       hostname: '*', 
       middleware: function(connect) { 
        return [ 
         function(request, response, next) { 
          response.setHeader('Access-Control-Allow-Origin', '*'); 
          response.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); 
          response.setHeader('Access-Control-Allow-Headers', 'Content-Type'); 

          return next(); 
         }, 
         connect.static(require('path').resolve('.')) 
        ]; 
       } 
      } 
     } 
    }); 

    // Load Task 
    grunt.loadNpmTasks('grunt-contrib-connect'); 
}; 

Answer 1

這是我的解決方案，希望可以幫到你，我只檢查base [0]，你可以擴展它。

重要的是使用：中間件。 不印字，不推

connect: { 
    dev: { 
    options: { 
     // 經過測試 connect插件會依照base的定義順序檢索文件 
     // 這意味着如果存在相同文件，定義在前面的會優先返回 
     base: ['app', '.'], 
     port: 8888, 
     // open: true, 
     livereload: true, 
     hostname: 'localhost', 
     middleware: function (connect, options, middlewares) { 
     var fs = require('fs'); 
     var path = require('path'); 
     var support = ['POST', 'PUT', 'DELETE']; 
     middlewares.unshift(function (req, res, next) { 
      // 單獨處理POST請求 請求的地址必須是文件 這裏沒有進行rewrite處理 
      if (support.indexOf(req.method.toUpperCase()) != -1) { 
      var filepath = path.join(options.base[0], req.url); 
      if (fs.existsSync(filepath) && fs.statSync(filepath).isFile()) { 
       return res.end(fs.readFileSync(filepath)); 
      } 
      } 

      return next(); 
     }); 

     return middlewares; 
     }, 
    } 
    } 
} 

Answer 2

我有另一種方法來解決這個問題，如果做你的代碼上述情況下無法正常工作：

connect: { 
      server: { 
       options: { 
        keepalive: true, 
        port: 8001, 
        protocol: 'http', 
        hostname: '*', 
        directory: 'dist', 
        open: { 
         target: 'http://localhost:8001/myDemo.html', 

        }, 
         middleware: function(connect, options, middlewares) { 

           middlewares.unshift(function(req, res, next) { 
            res.setHeader('Access-Control-Allow-Credentials', true); 
            res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); 
            res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS'); 
            if (req.method.toUpperCase() == 'POST') req.method='GET'; 
            return next(); 
           }); 

           return middlewares; 
         } 

       } 
      } 
     }, 

我相信這肯定會工作:)