如何在koa项目中区分页面请求和api请求?

Question

我的项目后端是koa，前端是vue的SPA。所有的页面请求我用koa-router是这样配的：

router.get(/\/\.*/, async ctx => {
    ctx.body = await ctx.render('app/index.html')
})

但是这样一来，所有的api请求也会返回index.html

顺便再问一个和koa-jwt相关的问题，其实也是路径匹配的问题，因为我只有某些请求需要鉴权，像页面请求、静态资源和auth相关的接口是不需要鉴权的，我现在是这样写的：

// jwt鉴权
app.use(koajwt({
    secret: host
}).unless({
    path: [/\/api\/admin\/auth/, /\/api\/auth/, /\/admin/, /\/server\/static/, /^$|^\/$/]
}))

我觉得在unless里配那么一大段有点奇怪，想问下有什么更优雅的方法？

-------------------update-----------------------

Answer 1

这个是我自己写的 demo koa, 我用它 只起api和静态支持上传图片（这个其实也可以只让nginx去代理图片， 不让node去做静态资源相关的事情）。
...

你可已配置nginx 反向代理代理接口, 类似这种

        server {
          listen       80;
          server_name xxx.cn;
           #location / {
           #         proxy_pass http://127.0.0.1:9000;
           # }
       location / {
              root  F:\web\backer\\react\dist;
             try_files $uri $uri/ /index.html;
        }    
       location ~ ^/api/(.*) {
        proxy_pass http://127.0.0.1:3000/$1;    
        proxy_set_header Host      $host;
           proxy_set_header X-Real-IP $remote_addr;
           }    

        }

把nginx 配置截下图。这么配置是 root F:webbacker\reactdist; try_files $uri $uri/ /index.html; 这么配置是 在 F:webbacker\reactdist 这个目录下， 有你静态 index.html，在没有其他配置的前提下，访问的url永远 是指向 index.html；应该是 这样的.

---

自己的网站 单页spa

根据 我自学nginx(菜鸟)
这个两个日志很重要。

Answer 2

api 代码的路由放到前面，最后这个中间件作为 fallback 就好了