Задача Grunt Connect и промежуточное ПО Access-Control-Allow-Origin

Question

Я хотел бы разрешить доступ к вызовам между источниками, которые необходимы для выполнения вызовов API остальных серверов.

Моя задача подключения к сети настроена следующим образом:

    connect: {
  options: {
    port: 9000,
    // Change this to '0.0.0.0' to access the server from outside.
    hostname: 'localhost',
    livereload: 35729,
    middleware: function(connect, options, next) {
      return [
        function(req, res, next) {
          res.setHeader('Access-Control-Allow-Origin', '*');
          res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
          res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
          next();
        }
      ];
    }
  },
},

Когда я запускаю сервер grunt, я получаю Cannot GET /, Без конфигурации промежуточного программного обеспечения приложение работает, и индексный файл загружается правильно.

Не могли бы вы подсказать мне, что я делаю неправильно или упускаю?

Еще несколько подробностей о моем gruntfile - это то, что я использую приложение yeoman angular seed в качестве своей базы для этого приложения.

Answer 1

Попробуйте что-то вроде этого:

connect: {
  options: {
    port: 9000,
    // Change this to '0.0.0.0' to access the server from outside.
    hostname: 'localhost',
    livereload: 35729,

    // remove next from params
    middleware: function(connect, options) {
      return [
        function(req, res, next) {
          res.setHeader('Access-Control-Allow-Origin', '*');
          res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
          res.setHeader('Access-Control-Allow-Headers', 'Content-Type');

          // don't just call next() return it
          return next();
        },

        // add other middlewares here 
        connect.static(require('path').resolve('.'))

      ];
    }
    },
    },

Answer 2

Кивни на Бпаула, который поставил меня на путь правильного ответа. Формат ответа на аналогичный вопрос будет работать здесь.

Замените "next" промежуточным программным обеспечением и вставьте анонимную функцию в массив промежуточного программного обеспечения перед его возвратом:

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');
        next();
    });

    return middlewares;
}

Answer 3

connect: {
  options: {
    port: 9000,
    // Change this to '0.0.0.0' to access the server from outside.
    hostname: 'localhost',
    livereload: 35729,
    middleware: function(connect, options, next) {
      return [
        function(req, res, next) {
         res.header('Access-Control-Allow-Credentials', true);
         res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
         res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
         next();
      }];
     }
   };

это поможет вам получить вызов Access-Control-Allow-Credentials

Answer 4

Grunt Connect поставляется с несколькими промежуточными программами, хранящимися как функции в массиве. Когда вы устанавливаете промежуточное ПО, возвращая массив, вы переопределяете существующее промежуточное ПО, отвечающее за обслуживание ваших страниц.

Начиная с комментария ansorensen к документации, https://github.com/gruntjs/grunt-contrib-connect соответствующий раздел.

options: {
    middleware: function(connect, options, middlewares) {
      // inject a custom middleware into the array of default middlewares
      middlewares.unshift(function(req, res, next) {
        if (req.url !== '/hello/world') return next();

        res.end('Hello, world from port #' + options.port + '!');
      });

      return middlewares;
    },
},

Промежуточное программное обеспечение ранее в массиве вступает в силу раньше, чем позднее в массиве.

Так что вы бы хотели

connect: {
    options: {
        port: 9000,
        // Change this to '0.0.0.0' to access the server from outside.
        hostname: 'localhost',
        livereload: 35729,

        // remove next from params
        middleware: function(connect, options, middlewares) {
            middlewares.unshift(function(req, res, next) {
                res.setHeader('Access-Control-Allow-Origin', '*');
                res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
                res.setHeader('Access-Control-Allow-Headers', 'Content-Type');

                return next();
            });

            return middlewares;
        }
    },
},