Question

我正致力于创建一个使用AngularJS数据绑定策略的Web应用程序，以基于后端数据模型创建一个非常好的前端。但是，后端数据需要来自传入的HTTP post请求，我已经发现我将使用NodeJS来处理。

现在我使用Xampp本地网络服务器进行所有测试，这是我设置的文件结构。

如您所见，我已经为我的网站文件创建了一个网站目录，当我在浏览器中访问localhost/website时，页面会加载我拥有的文件。目前，我已经使用此源代码运行Angular：

<html>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>{{80/5}}</h1>
  </body>

</html>

页面上唯一的文字是16，正如预期的那样。

我的问题是，如何让NodeJS服务器在同一位置（localhost/website）运行，这样当HTTP请求发送到此Web URL时，它们会被Node截获并处理，可以通过直接处理Angular以处理前端内容的结果？你能在我拥有的script.js文件里面创建Node服务器吗？我将使用什么主机/端口来获取传入的HTTP请求？

Answer 1

Scotty Xampp根据文件结构运行，您使用它设置一个端口，然后访问文件夹。

要使用Node JS，您必须安装节点js，在节点js中，您可以设置您选择的端口，然后您可以使用localhost：您的端口号访问您的内容。

要向服务器发出请求，您必须使用Angular的控制器进行呼叫。

如果您是初学者，我建议您使用本教程。

https://www.youtube.com/playlist?list=PLX2HoWE32I8Nkzw2TqcifObuhgJZz8a0U

检查播放列表的第一个视频，它会做你想要的。

播放列表适用于Mongodb，如果您不使用它，请不要参考整个播放列表。问我是否需要更多澄清。

在Xampp Web服务器上设置AngularJS和NodeJS

1 个答案: