angularjs - 如何部署 yeoman angular-fullstack 项目？

Question

我想部署一个使用 angular fullstack 制作的简单 angular projet。

https://github.com/DaftMonk/generator-angular-fullstack

我试过了:

yo angular-fullstack test

grunt build

然后，在 dist 我有 2 个文件夹:server 和 public。

如何在 linux 服务器上部署它们？

forever/node 和 nginx ???我想自己托管我的项目。

谢谢

Answer 1

1.) 安装 nginx

2.) 代理转发 nginx 到您的 Node 端口。见 Digital Oceans How-To .

nginx.conf

 server {
    listen       80;
    server_name  localhost;

    location / {
                 proxy_pass http://localhost:9000;
                 proxy_http_version 1.1;
                 proxy_set_header Upgrade $http_upgrade;
                 proxy_set_header Connection 'upgrade';
                 proxy_set_header Host $host;
                 proxy_cache_bypass $http_upgrade;
    }
}

3.) Start app.js 使用 dist 文件夹中的 node 并使用正确的变量:

$ export NODE_ENV=production; export PORT=9000; node dist/server/app.js

4.) 浏览到第 2 步中在 nginx 中配置的主机名。

如果您遇到许多 404，您很可能在 HTML5 模式下使用 angular.js，并且需要重新连接您的路由以提供静态 angular.js内容。我在我的博客文章“Continous Integration with Angular Fullstack”中描述了这一点以及如何解决您可能面临的许多其他错误。