将Angular 1.x App部署到Nginx

时间:2017-04-03 20:07:54

标签: angularjs nginx deployment production

我尝试使用nginx将角度应用部署到Linux生产服务器。

该应用程序是来自github的角度种子项目的修改版本,该应用程序功能齐全,可以从本地服务器运行良好(本地计算机上的npm start,如链接所示)。

但是当部署到nginx时,一切都停止工作,我最终得到的索引页面没有加载任何视图而不是功能链接。

这是nginx配置

server {
    listen 80;
    server_name test.domain.com

    root /home/user/angular/app;

    index index.html;    

    location / {
    root /home/user/angular/app;
    try_files $uri $uri/ /index.html =404;
    }
} 

我不确定这是否正确,但至少它显示的内容不是"欢迎来到Nginx"

这是app.js

angular.module('test', [
  'ngRoute',
  'ui.knob',
  'test.home',
  'test.company',
  'test.companyList'
])
.config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) {
  $locationProvider.hashPrefix('!');

  $routeProvider
    .when("/", {
        templateUrl : "/home/home.html",
        controller : "homeController"
    })
    .when("/companyList", {
        templateUrl : "/company_list/companyList.html",
        controller : "listController"
    })
    .when("/company/:companyName", {
        templateUrl : "/company_page/company.html",
        controller : "companyController"
    });

  $routeProvider.otherwise({redirectTo: '/'});
}]);

Folder view

任何想法? 感谢

更新: 我添加了{{" Angular Test"在页面顶部看到wheter angular正在工作,在dev中它只显示消息,而在生产中它也显示{{}},但是如果我在控制台中键入angular,我会得到一个对象。 也许依赖是失败还是某事?

0 个答案:

没有答案