angularjs - Prerender.io 无法在生产环境中运行

Question

我正在尝试使用 prerender.io 中间件为正确的 SEO 设置我的 MEAN 堆栈应用程序。在本地，一切都很好。在生产中，nada。该应用程序托管在 OpenShift 上。我正在为 preRenderToken 和 preRenderServiceUrl 使用环境变量(服务 URL 仅适用于开发人员，并指向另一个本地 Node 服务器)。

在 /server/config/local.env.js 中:

(function()
{
    'use strict';

    module.exports = Env();

    function Env()
    {
        var IEnvironmentVariables = {

            // Prerender.io
            PRERENDER_SERVICE_URL: 'http://localhost:3000/',
            PRERENDER_TOKEN: 'my prerender.io token',
        };

        return IEnvironmentVariables;
    }

})();

在/server/config/environment/index.js中:

// Prerender.io
// I've definitely got both of these set locally and the token set on OpenShift
prerenderServiceUrl: process.env.PRERENDER_SERVICE_URL || process.env.OPENSHIFT_PRERENDER_SERVICE_URL || 'http://localhost:3000/',
prerenderToken: process.env.PRERENDER_TOKEN || process.env.OPENSHIFT_PRERENDER_TOKEN || 'prerender-token'

文档头部包含以下meta标签:

<meta name="fragment" content="!">
<meta name="description" content="{{description}}">
<meta name="keywords" content="{{keywords}}">

这些绑定(bind)表达式在 Angular 的 $rootScope 上设置如下:

(function()
{
    'use strict';

    angular.module('myApp')

    .run(['$rootScope', '$state', Run]);

    function Run($rootScope, $state)
    {
        $rootScope.$on('$stateChangeSuccess', function (event, current, previous) 
        {

            // Meta tags
            $rootScope.description = $state.current.description || 'default-description';
            $rootScope.keywords = $state.current.keywords ? 
            $state.current.keywords
            .toString()
            .split(',')
            .join(' ') : 'default-keywords
        });

    }

})();

最后，在每个 $state 配置中，像这样:

(function()
{
    'use strict';

    angular.module('myApp')

    .config(['$stateProvider', Config]);

    function Config($stateProvider) 
    {
        $stateProvider

        .state('main', {
            url: '/',
            templateUrl: 'app/main/main.html',
            controller: 'MainController',
            controllerAs: 'vm',
            description: 'my site description',
            keywords: ['array', 'of', 'keywords']
        });
    }

})();

访问 http://localhost:9000/?_escaped_fragment=(或具有该查询字符串的任何其他网站页面)会生成预呈现页面，并在元标记中使用正确的值。在生产中，我可以访问 http://www.dancakes.com/?_escaped_fragment= 但该页面未预呈现(如果您想验证，这是实际的网站 URL) .

我试过将 app.use(prerender . . .) 语句放在不同的位置，每次我最终得到的东西都可以在本地工作，部分或不在全部投入生产。

Answer 1

所以，似乎你需要在片段 ?_escaped_fragment_= 之后加下划线