Grunt Livereload + Grunt Connect Proxy

Question

我正在使用Rails作为我的API,AngularJS在前面,我有一些问题让livereload/grunt connect代理正常工作.

这是我的gruntfile的片段:

connect: {
      options: {
        port: 9000,
        // Change this to '0.0.0.0' to access the server from outside.
        hostname: 'localhost',
        livereload: 35729
      },
      proxies: [
        {
          context: '/api',
          host: 'localhost',
          port: 3000
        }
      ],
      livereload: {
        options: {
          open: true,
          base: [
            '.tmp',
            '<%= yeoman.app %>'
          ],
          middleware: function (connect, options) {
            var middlewares = [];
            var directory = options.directory || options.base[options.base.length - 1];

            // enable Angular's HTML5 mode
            middlewares.push(modRewrite(['!\\.html|\\.js|\\.svg|\\.css|\\.png$ /index.html [L]']));

            if (!Array.isArray(options.base)) {
              options.base = [options.base];
            }
            options.base.forEach(function(base) {
              // Serve static files.
              middlewares.push(connect.static(base));
            });

            // Make directory browse-able.
            middlewares.push(connect.directory(directory));

            return middlewares;
          }
        }
      },
      test: {
        options: {
          port: 9001,
          base: [
            '.tmp',
            'test',
            '<%= yeoman.app %>'
          ]
        }
      },
      dist: {
        options: {
          base: '<%= yeoman.dist %>'
        }
      }
    }

如果我'笨拙建立'一切都很完美 - 关闭 localhost:3000

但是,如果我'咕噜咕噜'它打开一个窗口127.0.0.1:9000,我得到404所有我的API调用.

同样在服务下它是从CSS文件中修改我的背景图像我收到此警告:

Resource interpreted as Image but transferred with MIME type text/html: "http://127.0.0.1:9000/images/RBP_BG.jpg"

我之前没有这样做过 - 所以很可能我做错了.

Answer 1

我不喜欢你connect.livereload.middleware配置中的太多代码.
这一切都是必要的吗？

看看这个提交 -chore(yeoman-gruntfile-update): configured grunt-connect-proxy在我的一些项目中.

• 后端是Django
• ports:frontend:9000,后端:8000
• generator-angular 在生成项目时是在v.0.6.0中
• 我的connect.livereload.middleware配置基于:https://stackoverflow.com/a/19403176/1432478