aleleba/create-react-ssr
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-ssr.git synced 2025-10-31 06:00:39 -06:00
Code Issues Packages Projects Releases Wiki Activity

PR-049111: making mayor change for add support to prefix url.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2023-02-10 21:09:27 +00:00
parent 8ddd290adb
commit e70d0a01ca
17 changed files with 82 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/server/server.tsx
View File

@@ -2,7 +2,7 @@
import express from 'express';
import webpack from 'webpack';
import helmet from 'helmet';
import { config } from '../../config';
import { config } from '@config';
//Dependencies of HotReloading
import webpackConfig from '../../webpack.config.dev';
@@ -24,9 +24,9 @@ import { getHashManifest, haveVendorsCss } from './utilsServer';
//App
import App from '../frontend/components/App';
const { ENV, PORT } = config;
const { ENV, PORT, PREFIX_URL, ONLY_EXACT_PATH } = config;
const routesUrls = routes.map( route => route.path);
const routesUrls = routes.map( route => route.path );
const app = express();
@@ -47,6 +47,7 @@ if(ENV === 'development'){
}else{
const baseUrl = __dirname.replace(/\/server(.*)/,'');
const fullURL = `${baseUrl}` ;
console.log(fullURL)
app
.use((req, res, next) => {
if(!req.hashManifest) req.hashManifest = getHashManifest();
@@ -102,17 +103,21 @@ const setResponse = (html, preloadedState, manifest) => {
};
const renderApp = (req, res, next) => {
if(routesUrls.includes(req.url)){
const store = setStore({ initialState });
const preloadedState = store.getState();
const html = renderToString(
// @ts-ignore:next-line
<Provider store={store}>
<StaticRouter location={req.url}>
<App />
</StaticRouter>
</Provider>
);
const store = setStore({ initialState });
const preloadedState = store.getState();
const html = renderToString(
// @ts-ignore:next-line
<Provider store={store}>
<StaticRouter location={`${PREFIX_URL}${req.url}`} basename={PREFIX_URL}>
<App />
</StaticRouter>
</Provider>
);
if(ONLY_EXACT_PATH){
if(routesUrls.includes(req.url)){
res.send(setResponse(html, preloadedState, req.hashManifest));
}
} else {
res.send(setResponse(html, preloadedState, req.hashManifest));
}
next();
@@ -121,7 +126,6 @@ const renderApp = (req, res, next) => {
app
.get('*', renderApp);
app.listen(PORT, () => {
console.log(`Server running on port ${PORT}`);
});

6
src/server/utilsServer.ts
View File

@@ -1,7 +1,7 @@
import fs from 'fs';
import { config } from '../../config';
const { ENV } = config;
const { ENV } = config
export const getHashManifest = () => {
try {
@@ -17,7 +17,7 @@ export const getHashManifest = () => {
export const haveVendorsCss = (manifest, memoryFs) => {
try {
const baseUrl = __dirname.replace(/\/server(.*)/,'');
const fullURL = `${baseUrl}${manifest ? manifest['vendors.css'] : '/build/assets/vendors.css'}`;
const fullURL = `${baseUrl}${manifest ? `/${manifest['vendors.css']}` : '/build/assets/vendors.css'}`;
ENV === 'production' && fs.readFileSync(fullURL).toString();
ENV === 'development' && memoryFs.readFileSync(fullURL).toString();
return true
@@ -25,4 +25,4 @@ export const haveVendorsCss = (manifest, memoryFs) => {
// console.error(err);
return false
}
};
};