Node.js Express with Azure Bad Request

Problem

I basically just started a website on Azure and I am already getting bad request errors for some unknown reason. The thing is this isn't my first website and I've encountered this before, but I just can't get it this time! Maybe I'm too tired or something, can somebody help me out? The following files are basically all the things I've changed.

server.js

/**
 * Module dependencies.
 */

var express = require('express');
var routes = require('./routes');
var azure = require('azure');
var http = require('http');
var fs = require('fs');
var path = require('path');

var app = express();

var index = require('./routes/index');


app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(path.join(__dirname, 'public')));
});

app.configure('development', function(){
  app.use(express.errorHandler());
});

//Routing
app.get('/', index.splash);
app.get('/thumbnail', index.thumbnail);

//Utility
app.post('/file-upload', function(req, res) {
    // get the temporary location of the file
    var tmp_path = req.files.thumbnail.path;
    // set where the file should actually exists - in this case it is in the "images" directory
    var target_path = './public/images/' + req.files.thumbnail.name;
    // move the file from the temporary location to the intended location
    fs.rename(tmp_path, target_path, function(err) {
        if (err) throw err;
        // delete the temporary file, so that the explicitly set temporary upload dir does not get filled with unwanted files
        fs.unlink(tmp_path, function() {
            if (err) throw err;
            res.send('File uploaded to: ' + target_path + ' - ' + req.files.thumbnail.size + ' bytes');
        });
    });
});

//No Touch
http.createServer(app).listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});

thumbnail.jade

h1= title
p Welcome to #{title}

form(method='post', enctype='multipart/form-data', action='/file-upload')
    input(type='file', name='thumbnail')
    input(type='submit')

index.js

/*
 * GET home page.
 */

exports.index = function(req, res){
  res.render('Splash', {title: 'Express'});
};

exports.thumbnail = function (req, res) {
    res.render('thumbnail', { title: 'Express' });
}; 

I honestly have no idea what this could be I am using WebMatrix from Microsoft as my IDE and this is basically just their Express Node.js template.

UPDATE: so I am getting this specific error:

Application has thrown an uncaught exception and is terminated:
Error: .get() requires callback functions but got a [object Undefined]
    at Router.route.Route.sensitive (C:\Users\ShannonS\Documents\GitHub\CircuitsExpress\node_modules\express\lib\router\index.js:252:11)
    at Array.forEach (native)
    at Router.route (C:\Users\ShannonS\Documents\GitHub\CircuitsExpress\node_modules\express\lib\router\index.js:248:13)
    at Router.methods.forEach.Router.(anonymous function) [as get] (C:\Users\ShannonS\Documents\GitHub\CircuitsExpress\node_modules\express\lib\router\index.js:270:16)
    at Function.methods.forEach.app.(anonymous function) [as get] (C:\Users\ShannonS\Documents\GitHub\CircuitsExpress\node_modules\express\lib\application.js:412:26)
    at Object.<anonymous> (C:\Users\ShannonS\Documents\GitHub\CircuitsExpress\server.js:35:5)
    at Module._compile (module.js:449:26)
    at Object.Module._extensions..js (module.js:467:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
Problem courtesy of: Funkyguy

Solution

To anyone who sees this, I answered my own question. Yes hexacyanides answer did help but it was not the answer to the question as I was still getting bad request errors. What I did was this.

My index.js file is untouched. I defined a new javascript file in the routes folder and then named it Roads.js and then in my server.js file, I just typed:

var Roads =require('./routes/Roads');

now all of my app.get() commands use Roads.### in their second parameter. It may not be the right solution, but it works and I've built websites using this method before and they have turned out fine.

Solution courtesy of: Funkyguy

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.