🐛 cors

README.md

@@ -41,6 +41,23 @@ ui 需要展现一些特定的字体，但直接引入字体包又过大，于
 
 ![下载展示](./doc_img/下载展示.jpg)
 
+## 提供的服务
+
+### 查询可用字体列表
+
+![font_list](./doc_img/api/font_list.jpg)
+
+### 生成压缩字体包
+
+![fontmin](./doc_img/api/fontmin.jpg)
+
+如图可见每个返回的字体资源，访问即可下载。另外在访问该目录下的 asset.zip 可以直接下载全部的文件,生成的资源目录结构见下图
+
+![生成的资源.jpg](./doc_img/生成的资源.jpg)
+
+### 动态生成字体
+
+http://127.0.0.1:3000/generate_fonts_dynamically/font/1584688387272/优设标题黑.ttf
 
 ## 写项目时遇到的问题
 

src/app.controller.ts

@@ -6,30 +6,37 @@ import {
   Response,
   Res,
   Req,
-  Request,
 } from '@nestjs/common';
 import { AppService } from './app.service';
 import { join } from 'path';
-import { promises as fs  } from "fs";
+import { promises as fs } from 'fs';
+import { Request } from 'express';
 @Controller()
 export class AppController {
   constructor(private readonly appService: AppService) {}
 
-  // @Get()
-  // getHello(): string {
-  //   return this.appService.getHello();
-  // }
-
   /** 压缩字体 */
   @Get('fontmin')
   font_min(@Query('text') text, @Query('font') font) {
     return this.appService.font_min(text, font);
   }
+
   /** 返回字体列表 */
   @Get('font_list')
   font_list() {
-    const font_dir= join(__dirname, '../../src/font')
+    const font_dir = join(__dirname, '../../src/font');
-    return fs.readdir(font_dir)
+    return fs.readdir(font_dir);
   }
 
+  /** 压缩字体 */
+  @Get('generate_fonts_dynamically*')
+  generate_fonts_dynamically(
+    @Req() req:Request,
+    @Query('text') text: string,
+    @Query('font') font: string,
+    @Query('temp') temp: string,
+  ) {
+    const format=req.url.match(/\.(.*)\?/)[1]
+    return this.appService.generate_fonts_dynamically(text, font,temp,format);
+  }
 }

src/app.service.ts

@@ -5,10 +5,6 @@ import { join } from 'path';
 import { config } from './config';
 @Injectable()
 export class AppService {
-  getHello(): string {
-    return 'Hello World!';
-  }
-
   font_min(text: string, font: string) {
     const srcPath = `./src/font/${font}.ttf`; // 字体源文件
     const outPath = `asset/font/${Date.now()}/`;
@@ -50,4 +46,13 @@ export class AppService {
       });
     });
   }
+
+  generate_fonts_dynamically(
+    text: string,
+    font: string,
+    temp: string,
+    format: string,
+  ) {
+    return 11;
+  }
 }

src/main.ts

@@ -5,7 +5,7 @@ import { Response } from 'express';
 
 async function bootstrap() {
   const app = await NestFactory.create(AppModule);
-
+  app.enableCors();
 
   await app.listen(3000);
 }

static/App.svelte

@@ -13,10 +13,7 @@
     selected_font.forEach(font => {
       get_font(font.name, text)
         .then(r => {
-          console.log(r);
-
           r=r.replace(/\/\/.*?\//g,server)
-          console.log(r);
 
           const family = r.match(/font-family: "(.*)"/)[1];
           font.css = r;