koaでフロントエンドを提供するにはどうすればよいですか？

私はKoa（v2）でフロントエンドにサービスを提供しようとしています。最終的に、私はReactを使いたい。しかし、今のところ単純なhtmlファイルを提供しようとしています。koaでフロントエンドを提供するにはどうすればよいですか？

アプリ/ index.htmlを

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    </head> 
    <body> 
    <h1>Hello World</h1> 
    </body> 
</html>

server.js

import 'babel-polyfill'; 

import koa from 'koa'; 
import koaRouter from 'koa-router'; 

import serve from 'koa-static'; 
import mount from 'koa-mount'; 

const app = new koa(); 

const router = new router({ prefix: '/koa' }); 

// This route works 
router.get('/', async (ctx) => { 
    ctx.body = 'Hello from Koa!'; 
}); 

app.use(router.routes()); 

const front = new koa(); 

// This route doesn't work. 
front.use(serve(__dirname + '/app')); 

// However, this will work, so then, I'm not using koa-serve correctly? 
// front.use(async (ctx) => { 
// ctx.body = "Mount this."; 
// }); 

app.use(mount('/', front)); 
app.listen(3000);

それでは、どのように私は、フロントエンドを提供していますか？

出典

2016-06-29 jro

ちょうどそれをテストするために、KOA-sendfileのを使用してみてください、私は非同期

const koa = require('koa'); 
const koaRouter = require('koa-router'); 
const mount = require('koa-mount'); 
const serve = require('koa-static'); 
const app = new koa(); 
const router = new koaRouter({ prefix: '/koa' }); 
router.get('/', function *() { 
    this.body = 'Hello from Koa!'; 
}); 
app.use(router.routes()); 
const front = new koa(); 
front.use(serve(__dirname + '/app')); 
app.use(mount('/', front)); 
app.listen(3000);

を使用していないだけという、私は同様のコードを使用しました、それは私のために働いた、奇妙な、ほとんどあなたの例のように。私はあなたの例のようKOA-ルート、ないKOA-ルータを使用してい

注下の他の例を持っている

そしてまた、含まれている「アプリ」というフォルダがあります"index.html"

'use strict'; 
const koa = require('koa'); 
const router = require('koa-route'); 
const mount = require('koa-mount'); 
const sendfile = require('koa-sendfile'); 
const serve = require('koa-static'); 
const app = koa(); 
const ui = koa(); 
const api = koa(); 

// API Mount 
function *apiCall() { 
    this.body='response from api'; 
} 
api.use(router.get('/', apiCall)); 

// UI Mount 
// you have 2 ways: 

// // 1. Using koa-sendfile 
// function *serveIndex() { 
//  this.body='response from ui'; 
//  yield sendfile(this, __dirname + '/app/index.html'); 
//  if (!this.status) this.throw(404); 
// } 
// ui.use(serveIndex); 

// 2. Using koa-static 
ui.use(serve('app')); 

app.use(mount('/api', api)); 
app.use(mount('/', ui)); 

app.listen(3000);

出典

2016-06-29 10:26:51

koaでフロントエンドを提供するにはどうすればよいですか？

答えて

関連する問題