I'm facing a strange issue with my ExpressJS setup for serving AngularApp Files locally. I have a main controller with the following code snippet:
else{
console.log('Forwarding to Login');
$state.go('signin', {});
console.log($state.$current);
}
Even though this code is being called, nothing happens and the current state remains empty.
Interestingly, setting up nginx locally and directing the root path to my project's folder resolves the issue.
So, what could be causing ExpressJS to fail in redirecting and loading the controller when using $state.go? It works fine with ui-sref...
This is my express.js configuration:
var express = require('express'); var app = express();
app.use('/libs', express.static(__dirname + '/libs')); app.use('/assets', express.static(__dirname + '/assets')); app.use('/app', express.static(__dirname + '/app'));
app.set('port', process.env.PORT || 3000);
app.all('/*', function(req, res, next) {
res.sendFile('index.html', { root: __dirname }); });
var server = app.listen(3000, function () {
var host = server.address().address; var port = server.address().port;
console.log('X is listening at http://%s:%s', host, port);
});
And here are my defined states:
$stateProvider
// Dashboard
.state('dashboard', {
url: "/dashboard",
templateUrl: "/app/components/dashboard/dashboard.view.html",
data: {pageTitle: 'Home', pageSubTitle: 'MyTitle Workspace'},
resolve: {
deps: ['$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load({
name: 'MyApp',
insertBefore: '#ng_load_plugins_before',
files: [
]
});
}]
}
})
// Login
.state('signin', {
url: '/signin',
templateUrl: '/app/components/login/login.view.html',
data: {pageTitle: 'Sign in', pageSubTitle: ''},
controller: 'LoginController',
controllerAs: 'loginCtrl',
resolve: {
deps: ['$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load({
name: 'MyApp',
insertBefore: '#ng_load_plugins_before',
files: [
'/app/shared/authentication/login.controller.js'
]
});
}]
}
})
Your insights would be greatly appreciated :)
Best regards, Patrick