V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
imherer
V2EX  ›  Node.js

问一个 koa+vue 项目问题

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

    用 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
    kohos
        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
    luob
        2
    luob  
       2018-07-31 13:08:44 +08:00   ❤️ 1
    既然做分离最好把项目分开,不要用 koa static。
    配一个 nginx 做两个项目的反代,折腾起来方便多了
    xrr2016
        3
    xrr2016  
       2018-07-31 14:06:40 +08:00
    @kohos async, await 是语法特性,express 也能用啊,express 我觉得还简单点...
    michaelcheng
        4
    michaelcheng  
       2018-07-31 15:26:19 +08:00   ❤️ 1
    做法当然可行,但正如楼上所说,不够优雅。
    可能带来的问题就是项目的部署,前端每一次构建都会影响到后端的目录,后端的部署又会影响前端的打包文件。如果涉及到使用 docker 就更麻烦了。
    解法就是使用 Nginx 做个反代,目前在我们公司的运用也是这样的。
    whypool
        5
    whypool  
       2018-07-31 15:45:14 +08:00   ❤️ 1
    不用这么复杂,前端编译好的项目直接扔静态目录,koa 做路由管理或者鉴权
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2759 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 12:11 · PVG 20:11 · LAX 05:11 · JFK 08:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.