Question

我试图在Nginx上部署使用Yoeman生成的AngularJS应用，这是我的nginx配置：

server {
    server_name 0.0.0.0;
    listen 8080;
    root /home/gestAngular/app;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

但是当我启动nginx时，我的应用程序会找到依赖项。

我的目录gestAngular看起来像这样：

-gestAngular

  ---App

  ---bower_components

  ---node_modules

  ---test

  ---dist

用yoeman角度生成器生成。

知道如何让nginx识别我的依赖项（bower-components）的位置？

Answer 1

它没有找到依赖项，因为您已将根文件夹设置为文件夹应用程序，该文件夹无法访问割晒机组件。

相反，你应该＆＃34;构建＆＃34;您的应用使用gulp或grunt到dist文件夹并将该文件夹部署到您的服务器：

root /home/gestAngular/dist;

Answer 2

你有这个＆＃39; dist＆＃39;由命令＆＃39; grunt build＆＃39;生成的文件夹或者＆＃39; grunt＆＃39;您必须直接部署此文件夹，如果您使用yeoman生成项目，则不必部署其他文件，您将获得文件名index.html。您必须在nginx中配置此文件。

server {
    server_name 0.0.0.0;
    listen 8080;
     location / {
        root   YourDistFolderLocation/dist;
        index  index.html index.htm;
    }
}

通过这样做你的前端应该是＆amp;跑步让我知道是否有任何问题。我希望它有所帮助。

在Nginx上部署AngularJS App

2 个答案: