node服务器部署前端代码

# 前言：

　　上一篇博客三·丰·云免费服务器初体验使用三·丰·云免费云服务器已经将node环境搭建完毕，后面也试了下他家的免费虚拟主机，但是连接ftp上传文件，一直上传失败，所以放弃了体验虚拟主机的想法，还是继续搞服务器吧，使用node起服务首先想到的框架有express和koa，对比看了下github上star数，果断选了koa。

　　然后，大概说下需要实现的功能：

　　1. 起一个静态服务器，可以存放前端页面

　　2.支持前端页面使用history模式，跳转页面再刷新不报错

　　3.pm2进程管理

　　4.因为后面需要接入微前端，服务器需要做跨域

　　5.写后台接口

 

一、静态服务器，需要使用koa自己的koa-static

const serve = require('koa-static');

app.use(serve(path.join(__dirname)+'/public/'))

这样就能在当前目录下的public文件夹下起一个静态服务器，如果静态服务需要跨域，需要把跨域中间件放置在serve之前执行

 

二、支持history模式

const { historyApiFallback } = require('koa2-connect-history-api-fallback');

app.use(historyApiFallback());

是基于connect-history-api-fallback实现的koa版本，默认会读取文件夹下的index.html，若不匹配路由，也会默认访问index.html

 

三、pm2管理

npm i pm2 -g

pm2需要全局安装，运行的时候需要配置进程名称，因为关闭进程需要指定名称，当然，不介意关闭全部进程就不用考虑进程名称了

 

四、跨域

?

1 2 3 4 5 6 7 8 9 10

app.use(async (ctx, next)=> {     ctx.set('Access-Control-Allow-Origin', '*');     ctx.set('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');     ctx.set('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');     if (ctx.method == 'OPTIONS') {       ctx.body = 200;     } else {       await next();     }   });

有两个用途：

• 本地方便调试调接口
• 微前端的子应用需要支持跨域才能访问到子应用页面

跨域也可以使用koa2-cors,然后配置ctx.set('Access-Control-Allow-Origin', '*'),这个需要注意前端请求头是否存在withCredentials:true,服务器也需要配置响应头Access-Control-Allow-Credentials:true,然后Access-Control-Allow-Origin是不能为*号，需要指定域名才生效；

 

五、接口

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

const Router = require('@koa/router'); const koaBody = require('koa-body');   const Router = require('@koa/router'); const koaBody = require('koa-body'); const { createUser, getUser } = require('../lib/mongo');   const router = new Router();   router     .get('/test', (ctx, next) => {         ctx.body = 'Hello World';     })     .get('/user', (ctx, next) => {         console.log('ctx=', ctx)         ctx.body = `get Hello World ${ctx.params.name}`;     })     .post('/user',koaBody(),async (ctx, next) => {         console.log('ctx=', ctx.request.body)         try {             const data = await getUser(ctx.request.body.username);             console.log('data', data, data.length)             if (data.length === 0) {                 await createUser(ctx.request.body);                 ctx.body = {status: 200}             } else {                 ctx.body = {status: 100, msg: '用户已存在'}             }         } catch (err) {             console.log('create失败', err)             ctx.body = {status: 100, msg: '注册失败'}         }     })   module.exports = router;

　　主要使用@koa/router实现接口路由，如果是post请求，需要使用koa-body去解析post传递过来的参数

 

 

总结：基本已经就能实现一个简单的koa服务，后面还会继续优化session，log日志等其它功能。