revert: remove Front End Static

config/config.ts

@@ -1,10 +1,9 @@
 import routes from './routes';
 import plugins from './plugins';
 
-// const NODE_ENV: string = process.env.NODE_ENV as string;
 export default {
   history: 'hash',
-  outputPath: 'server/dist/views',
+  outputPath: 'dist',
   plugins,
   proxy: {
     '/v1': {

server/index.ts

@@ -1,6 +1,7 @@
 import Koa from 'koa';
 import _ from 'lodash';
 import { Server } from 'http';
+import mount from 'koa-mount'
 import bodyParser from 'koa-bodyparser';
 import config from './shared';
 import logger from './utils/logger';
@@ -13,31 +14,22 @@ import router from './router';
 
 import apiResponseHandler from './middleware/apiResponseHandler';
 
-process.on('uncaughtException', e => {
-  logger.error(`uncaughtException: ${e}`);
-});
-
 logger.info('Comic start!');
 
 const app: Koa = new Koa();
-app.proxy = true;
 
 app.use(errorHandler);
 
 app.use(header);
 
 app.use(accessControl);
 
-app.context.debug = {
-  request: 0,
-};
-
 app.use(apiResponseHandler);
 
 app.use(bodyParser());
 
 app.use(mysql);
-app.use(router.routes()).use(router.allowedMethods());
+app.use(mount('/', router.routes() as Koa.Middleware)).use(router.allowedMethods());
 let koaPort: number = config.serverPort;
 if (process.env.NODE_ENV === 'test') {
   koaPort = _.random(5000, 8000);

server/middleware/accessControl.ts

@@ -44,7 +44,6 @@ const accessControl = async (
     }
 
     if (ctx.response.status !== statusCodes.FORBIDDEN) {
-      ctx.debug.request += 1;
       await next();
     }
   }

server/middleware/header.ts

@@ -3,6 +3,7 @@ import logger from '../utils/logger';
 
 const headers = {
   'Access-Control-Allow-Methods': 'GET,HEAD,PUT,POST,DELETE,PATCH',
+  'Content-Type': 'application/json; charset=utf-8',
 };
 
 const headerHandler = async (
@@ -13,13 +14,7 @@ const headerHandler = async (
   ctx.set({
     'Access-Control-Allow-Origin': `${ctx.host}`,
   });
+  logger.info(`current request url: ${ctx.url}`);
   await next();
-  // api request
-  if (ctx.state.data) {
-    logger.info(`current request url: ${ctx.url}`);
-    ctx.set({
-      'Content-Type': 'application/json; charset=utf-8',
-    });
-  }
 };
 export default headerHandler;

server/package.json

@@ -18,8 +18,8 @@
     "dotenv": "^8.0.0",
     "koa": "2.7.0",
     "koa-bodyparser": "^4.2.1",
+    "koa-mount": "^4.0.0",
     "koa-router": "7.4.0",
-    "koa-static": "^5.0.0",
     "lodash": "^4.17.15",
     "mysql": "^2.17.1",
     "pdfkit": "^0.10.0",
@@ -32,8 +32,8 @@
     "@types/dotenv": "^6.1.1",
     "@types/koa": "^2.0.49",
     "@types/koa-bodyparser": "^4.2.2",
+    "@types/koa-mount": "^4.0.0",
     "@types/koa-router": "^7.0.42",
-    "@types/koa-static": "^4.0.1",
     "@types/lodash": "^4.14.136",
     "@types/mysql": "^2.15.6",
     "@types/node": "^12.6.9",

server/router/index.ts

@@ -16,7 +16,7 @@ router.get('/', async (ctx: Koa.Context) => {
     'Cache-Control': 'no-cache',
   });
   ctx.body = {
-    request: ctx.debug.request,
+    request: 'Comic Hub',
   };
 });
 

server/shared/__tests__/urlConfig.test.ts

@@ -43,7 +43,7 @@ describe('Test Base Url', () => {
     await page.goto(path, {
       waitUntil: 'networkidle0',
     });
-    await page.waitFor(2000);
+    await page.waitFor(1000);
     const list: string[] = await page.evaluate(() => {
       const arr: HTMLImageElement[] = Array.prototype.slice.apply(
         document.querySelectorAll('img'),