首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Nodejs,koa-路由器,koa-视图(小枝)返回“未找到”

Nodejs,koa-路由器,koa-视图(小枝)返回“未找到”
EN

Stack Overflow用户
提问于 2017-06-25 02:28:45
回答 1查看 1.1K关注 0票数 0

于是我开始了我的新项目,我的一个朋友让我放弃PHP,用rethinkDB尝试一下Nodejs。

我安装了所有的设备,没有线路,它就能工作。但是,一旦我添加了路由,我就得到了:Not Found,控制台上没有错误。

代码语言:javascript
复制
  "dependencies": {
    "keygrip": "^1.0.1",
    "koa": "^2.3.0",
    "koa-controller": "^1.1.0", //Not used - discontinued ?
    "koa-response-time": "^2.0.0",
    "koa-router": "^7.2.1",
    "koa-views": "^6.0.2",
    "rethinkdbdash": "^2.3.29",
    "socketio": "^1.0.0",
    "twig": "^1.10.5"
  }

server.js

代码语言:javascript
复制
var Koa = require('koa'),
      Router = require('koa-router'),
      keygrip = require("keygrip"),
      r = require('rethinkdbdash')(),
      views = require('koa-views'),
      Twig = require('twig'),
      twig = Twig.twig,
      app = new Koa(), // Init Koa
      router = new Router(); //Init router

//configure VIEWS
app.use(views(__dirname + '/views/', { extension: 'twig', map: {twig: 'twig' }}))

//Initialize controllers
var ot = require(__dirname+'/controllers/ot.js');

//app.keys = ['im a newer secret', 'i like turtle'];

router
  .get('/', async function (ctx, next) {

      async (ctx, next) => {
        /*ctx.state = {
          session: this.session,
          title: 'app'
        };*/
        ctx.render('index', {
            message: 'Hello world! <3'
        });
      };
  });

app
    .use(router.routes())
    .use(router.allowedMethods());
app.listen(3000);
console.log('server listen on http://localhost:3000');

ot.js

代码语言:javascript
复制
var ot = function() {};

ot.prototype = {
    'index' : async function(ctx, next) {

        ctx.state = {
            session: this.session,
            title: 'app'
        };

        await ctx.render('index', {
            message: 'Hello world! <3'
        });

        console.log(ctx);

    }
};

module.exports = new ot();

我的目标是实现这样的目标:

代码语言:javascript
复制
router.get('/', master.index);
router.post('/search', master.search);
router.get('/ot', ot.index);
router.get('/ot/:id', ot.getById);

我非常感谢你的帮助:)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-06-25 16:19:34

因此,这应该是可行的:对于index.js,将其更改为:

代码语言:javascript
复制
'use strict';

const Koa = require('koa');
const Router = require('koa-router');
const keygrip = require("keygrip");
// const r = require('rethinkdbdash')(); // not needed in this code at the moment
const views = require('koa-views');
const Twig = require('twig');
const twig = Twig.twig;

const app = new Koa(); // Init Koa
const router = new Router(); //Init router

//configure VIEWS
app.use(views(__dirname + '/views/', { extension: 'twig', map: {twig: 'twig' }}))

//Initialize controllers
var ot = require(__dirname+'/controllers/ot.js');

app.keys = ['im a newer secret', 'i like turtle']; // not needed in this code at the moment

router
  .get('/', async function (ctx, next) {
      await ctx.render('index', {
          message: 'Hello world! <3'
      });
  });

// routes from ot.js
router.get('/ot', ot.index);

app
    .use(router.routes())
    .use(router.allowedMethods());
app.listen(3000);
console.log('server listen on http://localhost:3000');

然后你的controllers/ot.js看起来可能是这样的:

代码语言:javascript
复制
'use strict';

exports.index = async function (ctx, next) {
    await ctx.render('index', {
        message: 'Hello - FROM ot/index'
    });
};

exports.someOther = async function (ctx, next) {
    // some other function
};

我的样本views/index.twig

代码语言:javascript
复制
<!DOCTYPE html>
<html>
    <head>
        <title>My Webpage</title>
    </head>
    <body>
        <h1>My Webpage</h1>
        {{ message }}
    </body>
</html>

localhost:3000/localhost:3000/ot这两条路线现在都应该可以工作了。这里缺少RethinkDB部件,因为您没有提供任何示例代码。希望这能有所帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44742647

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档