Swig模板在呈现内容之前显示输出标记

我正在研究isomorphoc react/flux应用程序并使用swig来呈现内容。但是，当我打开网站时，它首先显示带有{{ html|safe }}输出标签的空白页面，然后将实际内容呈现到我的index.html文件中。Swig模板在呈现内容之前显示输出标记

在我server.js代码如下：

res.status(200).send(swig.renderFile(__dirname + '/public/index.html', {html: html}));

任何想法如何避免这种情况？此外，这是否会阻止服务器渲染？抓取页面时，Google抓取工具是否只能看到输出标记？

谢谢。

编辑：

require('babel-register'); 

var express = require('express'); 
var app = express(); 
var compression = require('compression'); 

var path = require('path'); 
var http = require('http'); 
var swig = require('swig'); 
var React = require('react'); 
var ReactDOM = require('react-dom/server'); 
var Router = require('react-router'); 
var routes = require('./app/routes'); 

app.use(compression()); 

app.use(express.static(path.join(__dirname, 'public'))); 

// create react router 
app.use(function(req, res){ 
    Router.match(
     { 
      routes: routes.default, 
      location: req.url 
     }, 
     function(err, redirectLocation, renderProps){ 
      if(err){ 
       res.status(500).send(err.message); 
      } else if(redirectLocation){ 
       res.status(302).redirect(redirectLocation.pathname +  redirectLocation.search); 
      } else if(renderProps){ 
       var html = ReactDOM.renderToString(React.createElement(Router.RouterContext, renderProps)); 
      var page = swig.renderFile(__dirname + '/public/index.html', {html: html}); 
      res.status(200).send(page); 
     } else { 
      res.status(404).send('Page not found'); 
     } 
    } 
); 
}); 
// and so on ...

这里是我的routes.js

import React from 'react'; 
import { Route } from 'react-router'; 
import App from './components/App'; 
import Home from './components/Home'; 

export default (
    <Route component={App}> 
     <Route path="/" component={Home} /> 
    </Route> 
);

来源

2016-10-03 eScoo

可以显示更多相关的代码，特别是res.status ...来自哪里的app.get。/public /目录是否公开？ – Molda

增加了更多的代码。问题不在于它没有工作，问题是，用户在内容呈现之前看到swig输出标记1秒。 – eScoo

我明白了，事情是swig标记'{{html | safe}}'不应该离开服务器。它应该永远不会到达客户端，因为swig应该替换它在服务器上。在res.status（200）.send（page）之前添加console.log（'HTML'，page）;'是还在那里的swig标签？它不应该！ – Molda

中的index.html是问题。将其重命名为“site.html”，现在将服务器端渲染工作在根路由上，并且不会显示任何swig标记。

来源

2016-10-08 17:36:40 eScoo

Swig模板在呈现内容之前显示输出标记

回答

相关问题