koa起本地服务器示例

在这里插入图片描述

npm install koa koa2-cors koa-static koa-router koa-views

简单设置即可。

const Koa = require('koa');
const cors = require('@koa/cors');
const serve = require('koa-static');
const router = require("koa-router")();
const views = require("koa-views")
const path = require("path")
const resolve = path.join
const app = new Koa();

app.use(cors()); // 设置允许跨域
app.use(serve(__dirname + "/public")); // 设置public目录可访问
app.use(
  views(resolve(__dirname, "views/"), { // 设置静态文件目录
    extension: 'html' // 设置请求文件后缀名
  })
);

// 默认路由
router.get("/", async ctx => {
  await ctx.render("index"); // 显示index.html文件
});

// 中间件走路由器
app.use(router.routes()).use(router.allowedMethods());

// 监听端口
app.listen(8000);

console.log('server is running at http://localhost:8000')


全局安装nodemon来提供本地调试时的热更新

npm install nodemon -g

{
	"scripts": {
		"start": "nodemon ./index.js"
	},
	...
}

启动

npm run start

在这里插入图片描述

这样当编写本地文件时,就会自动重启服务。刷新页面就可以看到修改的内容了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值