server.js

const fs = require('fs');
const path = require('path');
const express = require('express');
const axios = require('axios');
const { createProxyMiddleware } = require('http-proxy-middleware');
const dotenv = require('dotenv');
const cookieParser = require('cookie-parser');

dotenv.config();

axios.defaults.adapter = require('axios/lib/adapters/http');

const isProduction = process.env.NODE_ENV === 'production';
async function createServer(root = process.cwd(), isProd = isProduction) {
   const resolve = (p) => path.resolve(__dirname, p);
   const indexProd = isProd ? fs.readFileSync(resolve('dist/client/index.html'), 'utf-8') : '';

   const manifest = isProd ? require('./dist/client/ssr-manifest.json') : {};

   const app = express();
   app.use(cookieParser());

   let vite;
   if (!isProd) {
      vite = await require('vite').createServer({
         root,
         logLevel: 'info',
         server: {
            middlewareMode: true
         }
      });
      // use vite's connect instance as middleware
      app.use(vite.middlewares);
   } else {
      app.use(require('compression')());
      app.use(
         require('serve-static')(resolve('dist/client'), {
            index: false
         })
      );
   }

   app.use('/api/*', createProxyMiddleware({
      target: process.env.VITE_SERVICE_URL,
      changeOrigin: true,
      onProxyRes: (proxyRes, req, res) => {
         proxyRes.on('data', (data) => {
            if (req.url === 'api/login') {
               data = JSON.parse(data.toString('utf-8'));
               res.cookie('token', data.token);
            }
         });
      }
   }));

   app.use('*', async (req, res) => {
      try {
         const url = req.originalUrl;

         let template, render;
         if (!isProd) {
            // always read fresh template in dev
            template = fs.readFileSync(resolve('index.html'), 'utf-8');
            template = await vite.transformIndexHtml(url, template);
            render = (await vite.ssrLoadModule('/src/entry-server.ts')).render;

         } else {
            template = indexProd;
            render = require('./dist/server/entry-server.js').render;
         }

         const [appHtml, headTags, state, links] = await render(url, manifest);

         const html = template
            .replace(`<!--preload-links-->`, links)
            .replace(`<!--app-head-->`, headTags)
            .replace(`'<vuex-state>'`, state)
            .replace(`<!--app-html-->`, appHtml);

         res.status(200).set({ 'Content-Type': 'text/html' }).end(html);
      } catch (e) {
         vite && vite.ssrFixStacktrace(e);
         console.log(e.stack);
         res.status(500).end(e.stack);
      }
   });

   return { app, vite };
}

createServer().then(({ app }) =>
   app.listen(80, () => {
      console.log('http://localhost:80');
   })
);

exports.createServer = createServer;