使用AngularJS html5Mode的流明会导致重载问题

时间:2015-12-01 23:47:48

标签: angularjs laravel nginx lumen prerender

我们有一个带有AngularJS前端的流明应用程序。我们正在使用前端路由,我们通过将html5Mode设置为true来删除url中的#标签。

问题在于,当我们尝试重新加载页面或键入没有主题标签的地址时,我们会收到错误:

NotFoundHttpException in Application.php line 1244

在我们的nginx配置文件中,我们有这一行(我们使用prerender.io来缓存我们的SEO页面):

location / {
    try_files $uri $uri/ /index.php?$query_string @prerender;

@prerender看起来像这样(我删除了从prerender.io给出的令牌):

location @prerender {
    proxy_set_header X-Prerender-Token MY-TOKEN-IS-HERE;

    set $prerender 0;
    if ($http_user_agent ~* "baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator") {
        set $prerender 1;
    }
    if ($args ~ "_escaped_fragment_") {
        set $prerender 1;
    }
    if ($http_user_agent ~ "Prerender") {
        set $prerender 0;
    }
    if ($uri ~ "\.(js|css|xml|less|png|jpg|jpeg|gif|pdf|doc|txt|ico|rss|zip|mp3|rar|exe|wmv|doc|avi|ppt|mpg|mpeg|tif|wav|mov|psd|ai|xls|mp4|m4a|swf|dat|dmg|iso|flv|m4v|torrent|ttf|woff)") {
        set $prerender 0;
    }

    #resolve using Google's DNS server to force DNS resolution and prevent caching of IPs
    resolver 8.8.8.8;

    if ($prerender = 1) {

        #setting prerender as a variable forces DNS resolution since nginx caches IPs and doesnt play well with load balancing
        set $prerender "service.prerender.io";
        rewrite .* /$scheme://$host$request_uri? break;
        proxy_pass http://$prerender;
    }
    if ($prerender = 0) {
        rewrite .* /index.html break;
    }
}

注意:最后一个如果说“/index.html”。我已经用“/index.php”试了一下。当我这样做时会发生的事情是,index.php文件只是被客户端下载,就好像它是一个下载文件一样。

非常感谢任何有关修复重装问题的帮助。如果您需要任何其他信息,请与我们联系。

1 个答案:

答案 0 :(得分:0)

我从这个问题得到了答案: Laravel 5 + AngularJS html5Mode

问题出在Laravel上,但如果你稍微改变一下,那么答案对Lumen来说很有用。

上面答案中的Laravel路线如下所示:

Route::get('/', function () { 
    return View::make('index'); 
});


Route::get('{all}', function () { 
    return View::make('index'); 
});

虽然我的流明路线是这样的:

$app->get('/', 'AppController@index');
$app->get('{all}', 'AppController@index');

显然,如果你不想,你不必进入控制器,但这就是我设置的方式。