首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Node.js
Express
PPA for Ubuntu
ppa:chris-lea/node.js
Coding
V2EX  ›  Node.js

问一个 koa+vue 项目问题

  •  
  •   imherer · 2018-07-31 12:09:40 +08:00 · 3424 次点击
    这是一个创建于 498 天前的主题,其中的信息可能已经有所发展或是发生改变。

    用 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 吗?

    5 回复  |  直到 2018-07-31 15:45:14 +08:00
        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 做两个项目的反代,折腾起来方便多了
        3
    xrr2016   2018-07-31 14:06:40 +08:00
    @kohos async, await 是语法特性,express 也能用啊,express 我觉得还简单点...
        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 做路由管理或者鉴权
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2112 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 25ms · UTC 16:05 · PVG 00:05 · LAX 08:05 · JFK 11:05
    ♥ Do have faith in what you're doing.