Ruby on rails 在YEOMAN上为AngularJS应用程序启用CORS

我正在尝试使用$http post方法将我的应用程序重定向到支付网关

代码如下：

$http.post("payment api",paymenttrans,
{headers: { 'content-type':'application/json; charset=utf-8',
'X-App-Token':payment token }})
.then(function (success){
     //some code
},function (error){
     //some code
 }); 

grunt文件如下所示：

grunt.initConfig({
 connect: {
  options: {
    port: 9000,
    // Change this to '0.0.0.0' to access the server from outside.
    hostname: 'localhost',`enter code here`
    livereload: 35729
  },
  livereload: {
    options: {
      open: true,
      middleware: function (connect) {
        return [
          connect.static('.tmp'),
          connect().use(
            '/bower_components',
            connect.static('./bower_components')
          ),
          connect().use(
            '/app/styles',
            connect.static('./app/styles')
          ),
          connect.static(appConfig.app)
        ];
      }
    }
  },
  test: {
    options: {
      port: 9000,
      middleware: function (connect) {
        return [
          connect.static('.tmp'),
          connect.static('test'),
          connect().use(
            '/bower_components',
            connect.static('./bower_components')
          ),
          connect.static(appConfig.app)
        ];
      }
    }
  }
})

我收到一个错误，指出：

跨来源请求被阻止：同一来源策略不允许在付款页面读取远程资源。（原因：CORS飞行前频道的CORS标头“访问控制允许标头”中缺少令牌“内容类型”）

需要有关Grunt配置或服务器配置的帮助吗

网络服务器：NGINX

应用服务器：Puma

语言：RubyonRails

我尝试过这样的解决方案，但对我的问题毫无帮助