Strange behavior and I'm not sure what's causing it. But when I try to refresh any of my pages I get a "Cannot Get / page" error.
I implemented this solution:ui-router returns: "Cannot GET /page"
But now images in my CSS file and a script I use for slidders, "Swipe" no longer appear.
Here's my code.
'use strict';
angular
.module('clientApp', [
'ngAnimate',
'ngCookies',
'ngResource',
'ui.router',
'ngSanitize',
'ngTouch'
])
.controller('homeController', function($rootScope){
$rootScope.page = 'main';
})
.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
$urlRouterProvider.otherwise('main');
$stateProvider
.state('main', {
url:'/main',
templateUrl: 'views/main.html',
controller: 'MainCtrl'
})
.state('bus_internet', {
url:'/bus_internet',
templateUrl: 'views/business_internet.html',
controller: 'busInter'
})
.state('bus_voip', {
url:'/bus_voip',
templateUrl: 'views/business_voip.html',
controller: 'busVoip'
}).
state('business_active_buildings', {
url: '/business_active_buildings/:search',
templateUrl: 'views/business_active_buildings.html',
controller: 'businessActiveBuildings'
}).
state('business_order', {
url:'/business_order',
templateUrl:'views/business_order.html',
controller: 'businessOrder'
})
.state('business_voip_features',{
url:'/business_voip_features',
templateUrl: 'views/business_voip_features.html',
controller: 'businessVoipFeatures'
})
.state('residential_internet', {
url:'/residential_internet',
templateUrl:'views/residential_internet.html',
controller:'residentialInternet'
})
.state('residential_voip', {
url:'/residential_voip',
templateUrl:'views/residential_voip.html',
controller:'residentialVoip'
})
.state('residential_active_buildings', {
url:'/residential_active_buildings',
templateUrl:'views/residential_active_buildings.html',
controller:'residentialActiveBuildings'
})
.state('thanks_order', {
url:'/thanks_order',
templateUrl: 'views/thanks_order.html'
})
.state('residential_order', {
url:'/residential_order',
templateUrl:'views/residential_order.html',
controller: 'residentialOrder'
})
.state('about', {
url:'/about',
templateUrl:'views/about.html',
controller: 'about'
})
.state('faq', {
url:'/faq',
templateUrl:'views/faq.html',
controller:'faq'
})
.state('marina_internet', {
url:'/marina_internet',
templateUrl:'views/marina_internet.html',
controller: 'marinaInternet'
})
.state('marina_order', {
url:'/marina_order',
templateUrl:'views/marina_order.html',
controller: 'marinaOrder'
})
.state('jobs', {
url:'/jobs',
templateUrl:'views/jobs.html',
controller: 'jobs'
})
.state('thanks_apply', {
url:'/thanks_apply',
templateUrl:'views/thanks_apply.html'
})
.state('contact_us', {
url:'/contact_us',
templateUrl:'views/contact_us.html',
controller:'contactUs'
})
.state('partner_order', {
url:'/partner_order',
templateUrl:'views/partner_order.html',
controller:'partnerOrder'
});
$locationProvider.html5Mode(true);
});
I'm wondering if it has something to do with my Express app config:
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var routes = require('./routes/index');
var users = require('./routes/users');
var sendmail = require('./routes/sendmail');
var test = require('./routes/test');
var app = express();
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
/**
* Routes
*/
app.use('/sendmail', sendmail);
app.use('/test', test);
/**
* Development Settings
*/
if (app.get('env') === 'development') {
// This will change in production since we'll be using the dist folder
app.use(express.static(path.join(__dirname, '../client')));
// This covers serving up the index page
app.use(express.static(path.join(__dirname, '../client/.tmp')));
app.use(express.static(path.join(__dirname, '../client/app')));
// Error Handling
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: err
});
});
}
/**
* Production Settings
*/
if (app.get('env') === 'production') {
// changes it to use the optimized version for production
app.use(express.static(path.join(__dirname, '/dist')));
// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: {}
});
});
}
module.exports = app;
