Mysql+Nodejs+Koa2+Vue+Quasar零起点教

2021-07-11  本文已影响0人  工程师54

一、安装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项目后,就支持前端的跨越访问了。

上一篇下一篇

猜你喜欢

热点阅读