美文网首页
Mysql+Nodejs+Koa2+Vue+Quasar零起点教

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

作者: 工程师54 | 来源:发表于2021-07-11 11:57 被阅读0次

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

    相关文章

      网友评论

          本文标题:Mysql+Nodejs+Koa2+Vue+Quasar零起点教

          本文链接:https://www.haomeiwen.com/subject/rexhpltx.html