Grunt Livereload + Grunt Connect Proxy
Я использую 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"
Я не делал этого раньше - так что, скорее всего, я все делаю неправильно.