一、安装koa2
任意目录执行:npm install koa-generator -g
成功安装后,自动创建目录:D:\node14\node_modules\koa-generator
二、创建项目(后端)
在windows命令提示符窗口中,进入D:\eddysproject目录
创建koa2项目selnum,在d:\eddysproject目录中执行:koa2 selnum
命令执行后的效果:
自动创建了目录selnum:
创建的koa2项目就在selnum目录中:
selnum目录中就是刚刚创建的koa2项目框架,包含若干目录和文件,各自的用途如下:
三、安装依赖项
新创建的项目需要一些软件包支持(即所谓的依赖项),这些软件包的清单保存在package.json中,本操作就是自动将package.json中所列软件包从网上下载并安装到当前目录中。
在selnum目录中执行:npm install
安装的依赖项默认都保存在新创建的目录node_modules中:
四、验证koa2可用的方式
(这种方式和nodejs启动服务效果一样,只不过koa2启动服务的方式支持更多功能)
(这种测试方式只能确认koa2成功安装了,但无法检测koa2创建的项目selnum是否可用)
在D:\eddysproject\selnum目录中新建文件test2.js,其中代码如下:
const Koa = require('koa') //koa2中间件依赖
const app = new Koa() //js的继承
app.use( async ( ctx ) => {
ctx.body = 'hello eddy world'
}) //koa2中间件
app.listen(3000) //服务启动端口
console.log('start seccess in port 3000') //日志打印
执行test2.js,以启动服务:
打开浏览器,访问地址:http://127.0.0.1:3000/
五、验证koa2项目可用的方式
本方式是验证创建的koa2项目selnum可以正常使用。
执行命令以启动项目:D:\eddysproject\selnum>npm start
打开浏览器,访问地址:http://127.0.0.1:3000/
同时,服务窗口出现get的提示信息:
出现以上结果,则证明selnum项目正常可用。
六、安装mysql驱动
在koa2项目selnum项目中安装mysql驱动,安装成功后,koa2项目selnum就可以访问mysql数据。
在项目中执行:npm install mysql –save
七、koa支持跨域
前端quasar项目访问后端koa项目提供服务接口时,会出现跨域访问错误,即出现如下错误:
Access to XMLHttpRequest at 'http://192.168.31.214:3000/interf/logincheck?username=eddy&userpwd=123456' from origin 'http://192.168.31.214:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
导致后果:前端从后端的接口中得不到响应。
解决办法:koa2项目中安装koa2-cors软件包,并在app.js中增加两行代码,即可解决以上问题。
在项目中执行:npm install koa2-cors –save
安装成功后,在package.json文件中就会多出如下一行:
打开app.js文件,增加红色圈出来的两行代码:
以后启动koa2项目后,就支持前端的跨越访问了。
网友评论