这是一个创建于 2299 天前的主题，其中的信息可能已经有所发展或是发生改变。
用 vue 做前端，koa 做后端做一个项目，将前端做完打包后，放在 koa 项目的 static 目录下（需引入koa-static模块），启动 koa 项目，访问/ 那么这个项目就算能正常的使用了
但是有时候我并不想让用户通过/访问，比如需访问 /admin 才加载我的 vue 前端，这个应该怎么做呢
我现在的做法是把这个 index.html 通过 steam 读出来，然后给 ctx.body，代码如下
router.get('/admin', async ctx => {
ctx.type = 'html';
let home = path.join(__dirname, '../static/index.html');
ctx.body = fs.createReadStream(home);
});
不知道这样做法有没有什么问题，大家通常是怎么做的呢？或者说是最好应该怎么做呢？
另：如果后端换做 express 的话又应该怎么做？ sendfile 吗？
 |
1
kohos 2018-07-31 12:58:21 +08:00  2
用 koa-static 处理静态文件可能会影响 nodejs 速度，建议生产环境搭配 nginx，根路径直接映射到项目里面 static 文件夹，/api/或者其他路径才反向代理到 nodejs 服务器，这样还方便上 HTTPS
至于访问 /admin 才加载 html 的话，建议用 redirect 跳转到 html 页面即可 PS：koa 用 async 和 await 不是比 express 方便很多吗，怎么想着倒回去用 express |
 |
2
luob 2018-07-31 13:08:44 +08:00 1
既然做分离最好把项目分开，不要用 koa static。
配一个 nginx 做两个项目的反代，折腾起来方便多了 |
 |
4
michaelcheng 2018-07-31 15:26:19 +08:00 1
做法当然可行，但正如楼上所说，不够优雅。
可能带来的问题就是项目的部署，前端每一次构建都会影响到后端的目录，后端的部署又会影响前端的打包文件。如果涉及到使用 docker 就更麻烦了。 解法就是使用 Nginx 做个反代，目前在我们公司的运用也是这样的。 |
 |
5
whypool 2018-07-31 15:45:14 +08:00 1
不用这么复杂，前端编译好的项目直接扔静态目录，koa 做路由管理或者鉴权
|
Select Language