forgeplus-react/server/render.js

// import React from "react";
// import {renderToString} from "react-dom/server";
import {StaticRouter, matchPath} from "react-router-dom";
// import {renderRoutes} from "react-router-config";

import Routes, { deepRoutes, specialRoute } from "../Routes";
// import { Provider } from "react-redux";
// import { serverStore } from "../src/redux/stores/configureStore";
// import App from "../src/App";
// import { Route } from 'react-router-dom';
// import { setDefaultMeta } from '../src/common/UrlTool'
// import Logger from "./log";
import { changeHead } from './setHead'

export const render = async (req,res)=>{
  let _route = null,
  _match = null;
  // Logger.info(`${req.url}   UA:${req.headers['user-agent']}`)

  // let store = serverStore();

  function matchSubRoutes(routes, url) {
    for (const route of routes) {
      // 检查当前路由是否匹配
      let match = matchPath(url, route.path);
      if (match) {
        // 如果当前路由匹配，并且它有子路由，递归检查子路由
        if (route.routes) {
          // 递归调用匹配子路由
          const subMatch = matchSubRoutes(route.routes, url);
          if (subMatch) {
            _route = route;
            _match = subMatch;
            return true;
          }
        }
        // 如果没有子路由，或者子路由不匹配，但当前路由匹配，返回当前路由
        _route = route;
        _match = match;
        return true;
      }
    }
    // 如果没有找到匹配的路由，返回false
    return false;
  }

  matchSubRoutes(deepRoutes, req.url.split("?")[0])

  let context = {
    code: 200,
  };

  if (_route && !specialRoute.includes(_match.url && _match.url.replace('/', ''))) {
    console.log('matchRoot:', _match.url)
    await changeHead(_route, _match.params)
  } else {
    return false
  }


  // if (_route && _route.component && _route.component.preFetch) {
  //   context = await _route.component.preFetch({
  //     store,
  //     match: _match,
  //     query: req.path,
  //   });
  // }

  // 暂时不开放ssr，只修改head
  // const content = renderToString((
  //   <Provider store={store}>
  //     <StaticRouter location={req.path} context={context}>
  //       {renderRoutes(Routes)}
  //       {/* <Route path='/:owner/:projectsId' exact component={App}></Route> */}
  //     </StaticRouter>
  //   </Provider>
  // ))

  // 暂时不开放ssr，只修改head
  // if (!content) {
  //   // 未匹配到详情页恢复默认header
  //   setDefaultMeta()
  // } else {
  //   // 匹配到服务端渲染页面注入state
  //   let script = domObj.window.document.getElementById('initState')
  //   if (!script) {
  //     script = domObj.window.document.createElement('script')
  //     script.setAttribute('id', 'initState')
  //   }
  //   script.textContent = `window.__initState__ = ${ JSON.stringify(store.getState()) }`
    
  //   domObj.window.document.head.appendChild(script);
  // }


  let html = domObj.serialize()

  const prepHTML=(data,rootString)=>{
    // 暂时不开放ssr，只修改head
    // data=data.replace('<div id="root" class="page -layout-v -fit widthunit"></div>',`<div id="root" class="page -layout-v -fit widthunit">${rootString}</div>`);
    return data;
  }
  // 暂时不开放ssr，只修改head
  // res.send(prepHTML(html, content))
  res.send(prepHTML(html, ''))

  // store = null
}