【发布时间】：2017-02-24 18:18:02
【问题描述】：
我想将 AngularJS 项目移至 Angular Universal。
在 AngularJS 中，我有使用 PHP 的 $http 请求。例如，我在服务中有以下代码：
this.getNewItems = function () {
var request = $http({
method: "GET",
url: "PHP/newitems.php",
params: {
number: "3"
}
});
return ( request.then(handleSuccess, handleError) );
};
现在我将 Node.js 与 Universal 一起使用，我想将 Http 请求与 Node.js 一起使用。
所以在组件的构造函数中我应该使用构造函数：
export class HomeComponent {
mydata: any = {};
constructor(http:Http) {
http.get('??????').subscribe(data => {
this.mydata = data;
});
}
}
如果我会使用 JSON 文件，那么我会发现很多这样的例子：
http.get('test.json').subscribe(data => {
this.mydata = data;
});
但是我所有的数据都在现有的 MySQL 数据库中。所以我想了解如何访问数据库中的数据。
我已经通过
安装了 npm MySql 组件npm 安装 mysql
我发现与 Node.js 的连接是通过以下方式设置的：
var mysql = require('mysql');
var connection = mysql.createConnection({
host : 'host',
user : 'user',
password : 'password',
database : 'dbname'
});
connection.connect(function(err) {
// in case of error
if(err){
console.log(err.code);
console.log(err.fatal);
}
});
如果我在组件的构造函数中使用此连接代码，则会返回一些错误，例如
ERROR in ./~/mysql/lib/Connection.js
Module not found: Error: Can't resolve 'net'
那么如何将连接代码与 http.get() 请求集成？
非常感谢。
补充：现在我来了（它涉及我的 Angular Universal https://github.com/angular/universal-starter 的入门项目）：
-
在 Component 我使用以下代码：
导出类 HomeComponent {
mydata:any = []; constructor(public model: ModelService) { this.model.get('/api/getmydata') .subscribe(data => { this.mydata = data; console.log("My data: " + this.mydata); }); } }
2.在 backend/api.ts 我添加了：
router.route('/getmydata')
.get(function(req, res) {
setTimeout(function() {
res.json(Mydata);
}, 0);
}
如果 Mydata 是 JSON，那么一切正常，我会收到数据。但是我想连接到 MySQL 数据库。所以我添加了一个连接代码：
router.route('/getmydata')
.get(function(req, res) {
var mysql = require('mysql');
var connection = mysql.createConnection({
host : 'localhost',
user : 'root',
password : 'root',
database : 'mydatabase',
port: '8889'
});
connection.connect(function(err) {
if (err) {
console.log("Error connecting to DB: " + err);
throw err;
}
});
...
}
在这里我收到错误：
TypeError: Cannot read property 'on' of undefined
at Protocol._enqueue (/Applications/MAMP/htdocs/Angular2/myproject/node_modules/mysql/lib/protocol/Protocol.js:152:5)
...
然后
Error connecting to DB: Error: Connection lost: The server closed the connection.
如果有人知道如何修复与数据库的连接，我将不胜感激。
【问题讨论】：
-
您使用哪个捆绑工具来捆绑应用程序？是 webpack 吗？
-
我使用入门 webpack：github.com/angular/universal-starter
标签： node.js http get angular-universal