在同一台服务器上运行deploy和angular.js应用

Running deployd and angular.js app on the same server

本文关键字：deploy 运行 angular 应用 js 服务器 一台      更新时间：2023-09-26

我试图在与AngularJS应用程序相同的服务器上运行部署API，但部署似乎与应用程序路由冲突。

我的部署服务器正在监听端口5000，看起来像这样:

var deployd = require('deployd');
var server = deployd({
    port: process.env.PORT || 5000,
    env: 'production',
    db: {
        host: 'localhost',
        port: 27017,
        name: 'deployd',
        credentials: {
            username: 'myUsername',
            password: 'myPassword'
        }
    }
});
server.listen();
server.on('listening', function() {
    console.log("Server is listening");
});
server.on('error', function(err) {
    console.error(err);
    process.nextTick(function() { // Give the server a chance to return an error
        process.exit();
    });
});

我的AngularJS应用的节点服务器正在监听端口3000，看起来像这样:

var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.listen(process.env.PORT || 3000);

应用程序加载良好，尽管它没有像预期的那样击中API，当进行这样的调用:

$http.get('localhost:5000/foo')

或:

$http.get('http://my.public.ip.address:5000/foo')

我的页面路由(在HTML5模式下，URL中没有#)被部署劫持了——所以AngularJS为'/foo'路由的URL会击中API并返回"Cannot GET/foo"。

这一切都发生在同样运行Apache的服务器上，但它被配置为将我的域请求转发到端口3000，使用如下所示:

NameVirtualHost *:80
<VirtualHost *:80>
        ServerAdmin webmaster@localhost
        ServerName my.domain.com
        ProxyPreserveHost       on
        ProxyPass /             http://localhost:3000/
        <Location />
          Order allow,deny
          Allow from all
        </Location>
</VirtualHost>

如果我在URL中使用#，如http://my.domain.com/#/foo，将返回由AngularJS路由器指定的页面模板，但它缺少数据，因为API没有在端口5000上被击中。

任何帮助都将非常感激。

原来这是我的Express server.js代码的问题，与部署无关。我一直看到Cannot GET /foo消息，只是假设部署试图获取资源，但实际上Express没有加载index.html(加载AngularJS和我的路由代码)，因为它只是试图加载一个名为foo的静态文件。

这是我的固定server.js:

var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.use(function(req, res) {
    res.sendfile(__dirname + '/public/index.html');
});
app.listen(process.env.PORT || 3000);

现在，如果静态文件foo不存在，它就会加载index.html，并让我的AngularJS路由器来做这件事。

您是否从浏览器检查了端口3000和端口5000是可访问的?

因为你正在使用代理传递，这让我认为这些端口没有打开。因为angular是在客户端运行的，所以如果5000端口被关闭，它将永远无法连接到api。

相关文章：