Mysql+Nodejs+Koa2+Vue+Quasar零起點教程3:安裝koa2

一、安裝koa2

任意目錄執(zhí)行:npm install koa-generator -g

成功安裝后,自動創(chuàng)建目錄:D:\node14\node_modules\koa-generator

二、創(chuàng)建項目(后端)

在windows命令提示符窗口中,進入D:\eddysproject目錄

創(chuàng)建koa2項目selnum,在d:\eddysproject目錄中執(zhí)行:koa2 selnum

命令執(zhí)行后的效果:

自動創(chuàng)建了目錄selnum:

創(chuàng)建的koa2項目就在selnum目錄中:

?selnum目錄中就是剛剛創(chuàng)建的koa2項目框架,包含若干目錄和文件,各自的用途如下:

三、安裝依賴項

? ? 新創(chuàng)建的項目需要一些軟件包支持(即所謂的依賴項),這些軟件包的清單保存在package.json中,本操作就是自動將package.json中所列軟件包從網(wǎng)上下載并安裝到當(dāng)前目錄中。

? ? 在selnum目錄中執(zhí)行:npm install?

? ? 安裝的依賴項默認都保存在新創(chuàng)建的目錄node_modules中:

四、驗證koa2可用的方式

? ?(這種方式和nodejs啟動服務(wù)效果一樣,只不過koa2啟動服務(wù)的方式支持更多功能)

? ?(這種測試方式只能確認koa2成功安裝了,但無法檢測koa2創(chuàng)建的項目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) //服務(wù)啟動端口

console.log('start seccess in port 3000') //日志打印

? ? 執(zhí)行test2.js,以啟動服務(wù):

? ? ?打開瀏覽器,訪問地址:http://127.0.0.1:3000/

五、驗證koa2項目可用的方式

? ? 本方式是驗證創(chuàng)建的koa2項目selnum可以正常使用。

? ? ?執(zhí)行命令以啟動項目:D:\eddysproject\selnum>npm start?

? ? 打開瀏覽器,訪問地址:http://127.0.0.1:3000/

? ?同時,服務(wù)窗口出現(xiàn)get的提示信息:

? ? ?出現(xiàn)以上結(jié)果,則證明selnum項目正??捎谩?/p>

六、安裝mysql驅(qū)動

? ?在koa2項目selnum項目中安裝mysql驅(qū)動,安裝成功后,koa2項目selnum就可以訪問mysql數(shù)據(jù)。

? ? 在項目中執(zhí)行:npm install mysql –save?

七、koa支持跨域

? ? 前端quasar項目訪問后端koa項目提供服務(wù)接口時,會出現(xiàn)跨域訪問錯誤,即出現(xiàn)如下錯誤:

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.

? ?導(dǎo)致后果:前端從后端的接口中得不到響應(yīng)。

? ?解決辦法:koa2項目中安裝koa2-cors軟件包,并在app.js中增加兩行代碼,即可解決以上問題。

? ?在項目中執(zhí)行:npm install koa2-cors? –save?

? ? ?安裝成功后,在package.json文件中就會多出如下一行:

? ? 打開app.js文件,增加紅色圈出來的兩行代碼:

? ? 以后啟動koa2項目后,就支持前端的跨越訪問了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容