使用koa2完成静态文件引入及基本接口请求

最新推荐文章于 2023-09-05 14:55:52 发布

风舞红枫

最新推荐文章于 2023-09-05 14:55:52 发布

阅读量592

点赞数

分类专栏： node 文章标签： node

本文链接：https://blog.csdn.net/qq_42231248/article/details/113973620

版权

node 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

文件目录

koa
	node_modules
	static
		index.html
	url
    	getList.js
    	login.js
	package-lock.js
	server.js

server.js内容

const Koa = require('koa');
const app = new Koa();

const bodyParser = require('koa-bodyparser')
app.use(bodyParser())

const router = require('koa-router')();
app.use(router.routes());

const static = require('koa-static')
app.use(static('./static'));

const login = require('./url/login.js');
router.post('/login', login);

const getList = require('./url/getList.js');
router.get('/getList', getList);

app.listen(3000,()=>{
  console.log('success');
});

static→index.html内容

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <h1>hello-Koa</h1>
</body>
<script type="text/javascript">
function ajaxPost(url,json,cb){
  var xhr = new XMLHttpRequest();
  xhr.open('post',url);
  xhr.setRequestHeader("content-type","application/json");
  xhr.send(JSON.stringify(json));
  xhr.onload = function(){
    cb(JSON.parse(xhr.responseText));
  }
}

ajaxPost('http://localhost:3000/login',{name:'风舞红枫'},function(result){
  console.log(result)
})

function ajaxGet(url,cb){
  var xhr = new XMLHttpRequest();
  xhr.open('get',url);
  xhr.send();
  xhr.onload = function(){
    cb(JSON.parse(xhr.responseText));
  }
}

ajaxGet('http://localhost:3000/getList?page=1',function(result){
  console.log(result)
})
</script>
</html>

url→login.js内容

var login = async (ctx, next) => {
    ctx.response.body = {
        name:ctx.request.body.name
    };
};

module.exports = login;

url→getList.js内容

var getList = async (ctx, next) => {
    ctx.response.body = {
        name:ctx.request.query.page
    };
};

module.exports = getList;

风舞红枫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
使用koa2完成静态文件引入及基本接口请求

文件目录koa node_modules static index.html url getList.js login.js package-lock.js server.jsserver.js内容const Koa = require('koa');const app = new Koa();const bodyParser = require('koa-bodyparser')app.use(bodyParser())const router = r
复制链接

扫一扫