When I try to post to the DB it's showing Error: 'Cannot POST /api/postCampaign' and POST http://127.0.0.1:50945/api/postCampaign 404 (Not Found). I am trying to store data in mongodb database. This code used to work and the mongoose was connected modulus database but after sometime I am trying to redo the code but the modulus.io is not available anymore, so I changed the connect URI. Not sure if there's anything else I am missing
See my codes
server.js
var express = require('express');
var app = express();
var mongoose = require('mongoose');
var morgan = require('morgan');
var bodyParser = require('body-parser');
var port = process.env.PORT || 3000;
//Database connection
mongoose.connect('mongodb://localhost/myappdatabase');
app.use(express.static(__dirname + '/public'));
app.use(express.static(__dirname + '/dist'));
app.use(bodyParser.urlencoded({'extended':'true'}));
app.use(bodyParser.json());
app.use(bodyParser.json({ type: 'application/vnd.api+json' }));
app.use(morgan('dev'));
//Database Schema / Model
var Schema = mongoose.Schema;
var campaignSchema = new Schema({
goalAmount: String,
campaignTitle: String
});
var Campaign = mongoose.model('Campaign', campaignSchema);
//Routes
app.get('/startCampaign', function(req, res){
res.sendfile('./public/views/start-campaign.html');
});
app.post('/api/postCampaign', function(req, res) {
Campaign.create({
goalAmount : req.body.goalAmount,
campaignTitle: req.body.campaignTitle,
done : false
});
});
app.listen(port);
console.log('App listening on port' + port);
MainController.js
appTitan.controller('mainController', ['$scope', '$http', function($scope, $http){
// Signup form
$scope.form = 'signup';
$scope.switchForm = function(newForm){
$scope.form = newForm;
};
// Start camapaign
$scope.startCampaignData = {};
$scope.createCampaign = function(){
$http.post('/api/postCampaign', $scope.startCampaignData)
.success(function(data) {
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};
}]);
form page
<form action="">
<div class="form-group">
<label for="goal_amount">How much money would you like to raise?</label>
<input type="text" name="goal_amount" id="goal_amount" ng-model="startCampaignData.goalAmount">
<select name="goal_amount" id="goal_amount">
<option value="GBP">GBP</option>
<option value="USD">USD</option>
</select>
</div>
<div class="form-group">
<label for="campaign_title">What's the tile of your campaign?</label>
<input type="text" name="campaign_title" id="campaign_title" ng-model="startCampaignData.campaignTitle">
</div>
<div class="form-group">
<label for="goal_amount">Choose a category</label>
<select name="campaign_category" id="campaign_category">
<option value="">Choose a category</option>
<option value="USD">USD</option>
</select>
</div>
<div class="form-group">
<button ui-sref="form.stepTwo">CREATE</button>
<button type="submit" ng-click="createCampaign()">Submit Test</button>
</div>
</form>
