Question

我尝试做什么：将我的mongolab数据库连接到我的离子应用程序。（我使用的是Firebase，但Firebase没有我需要的文字搜索功能。）

我按照（https://scotch.io/tutorials/creating-a-single-page-todo-app-with-node-and-angular）的例子进行了一些指导。

但是，我收到了错误：

无法加载资源：服务器响应状态为404 （未找到）http://localhost:8100/api/todos

我的档案结构： - 项目

+-www
+---js
------app.js
------server.js
------cordova.js
+-----controllers
+---css
+---img
+---lib
+---templates

我知道我可能遗漏了一些基本的东西。我不明白我的server.js是如何被离子加载的？

这是我的server.js

的摘录（只是相关部分）

// set up ========================
var express  = require('express');
var app      = express();                               // create our app w/ express
var mongoose = require('mongoose');                     // mongoose for mongodb
var morgan = require('morgan');             // log requests to the console (express4)
var bodyParser = require('body-parser');    // pull information from HTML POST (express4)
var methodOverride = require('method-override'); // simulate DELETE and PUT (express4)
var uriUtil = require('mongodb-uri');

// configuration =================

var mongodbUri = 'mongodb://<myusername>:<mypass>@ds036648.mongolab.com:36648/<mydb>';
var mongooseUri = uriUtil.formatMongoose(mongodbUri);
mongoose.connect(mongooseUri);     // connect to mongoDB database on modulus.io

// listen (start app with node server.js) ======================================
app.listen(8100);
console.log("App listening on port 8100");

// define model =================
var Todo = mongoose.model('Todo', {
    text : String
});

// create todo and send back all todos after creation
app.post('/api/todos', function(req, res) {

    // create a todo, information comes from AJAX request from Angular
    Todo.create({
        text : req.body.text,
        done : false
    }, function(err, todo) {
        if (err)
            res.send(err);

        // get and return all the todos after you create another
        Todo.find(function(err, todos) {
            if (err)
                res.send(err)
            res.json(todos);
        });
    });

});

html我正在使用：

<!-- FORM TO CREATE TODOS -->
        <div id="todo-form" class="row">
            <div class="col-sm-8 col-sm-offset-2 text-center">
                <form>
                    <div class="form-group">

                        <!-- BIND THIS VALUE TO formData.text IN ANGULAR -->
                        <input type="text" class="form-control input-lg text-center" placeholder="I want to buy a puppy that will love me forever" ng-model="formData.text">
                    </div>

                    <!-- createToDo() WILL CREATE NEW TODOS -->
                    <button type="submit" class="btn btn-primary btn-lg" ng-click="createTodo()">Add</button>
                </form>
            </div>
        </div>

我的控制员：

angular.module('starter')
.controller('todosController', function($scope,$http) {

    $scope.formData = {};
    // when submitting the add form, send the text to the node API
    $scope.createTodo = function() {
        $http.post('/api/todos', $scope.formData)
            .success(function(data) {
                $scope.formData = {}; // clear the form so our user is ready to enter another
                $scope.todos = data;
                console.log(data);
            })
            .error(function(data) {
                console.log('Error: ' + data);
            });
    };

Answer 1

看起来你的问题就在这里：

Register-EngineEvent PowerShell.Exiting –Action { 'Type your Code' }

它应该指向服务器：所以它需要是这样的：

$http.post('/api/todos', $scope.formData)

Answer 2

首先，您需要在8100以外的端口上运行节点服务器作为离子使用8100端口。写

app.listen(3000);

而不是

app.listen(8100);

现在为api请求使用此

$http.post('http://localhost:3000/api/todos', $scope.formData)

但这次你会收到错误

no＆＃39; access-control-allow-origin＆＃39;标头出现在请求的资源上。

这是因为浏览器阻止它，因为出于安全原因它通常允许同一来源的请求。所以解决方案是通过在运行窗口中使用以下命令禁用安全性来打开chrome

chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security

API POST错误：MongoDB＆amp;离子应用程序

2 个答案: