最近在學(xué)習(xí)vue，突發(fā)奇想想用自己的接口，就開始在網(wǎng)上搜索相關(guān)教程，然后發(fā)現(xiàn)看不懂emm,就準(zhǔn)備從此過去，去搜免費(fèi)建站相關(guān)的內(nèi)容，因?yàn)橹坝眠^github搭建過一個(gè)靜態(tài)的博客，就這這是轉(zhuǎn)折出現(xiàn)了，以為發(fā)現(xiàn)了一篇文章，內(nèi)容有一個(gè)用vercel+mongodb搭建的基礎(chǔ)接口，使用TypeScript語言。

說以目前我發(fā)現(xiàn)的門檻吧，

• 首選要有良好的上網(wǎng)環(huán)境，畢竟人家服務(wù)器在國外

• 其次要回舉一反三

本次使用的軟件和網(wǎng)站有

vscode

https://vercel.com

https://cloud.mongodb.com

先注冊vercel賬號，再注冊cloud.mongodb，因?yàn)関ercel并不提供數(shù)據(jù)庫的相關(guān)功能，這里用的是mongodb，MySQL也是可以的。

我是直接通過github登錄

vercel登錄后，開始配置數(shù)據(jù)庫

創(chuàng)建新項(xiàng)目

創(chuàng)建數(shù)據(jù)庫

選擇免費(fèi)版，服務(wù)器自己選一下，我選的香港，就不配圖了

設(shè)置用戶名密碼

回到首頁，能看到item就是我這次演示創(chuàng)建的

點(diǎn)進(jìn)去選擇連接

允許任何地方訪問，Allow Access from Anywhere,

打開vscode

新建項(xiàng)目，根目錄新建api文件夾vercel.json文件,welcome.html文件，api下新建test.js

右鍵根目錄，在集成終端中打開

安裝環(huán)境變量,一路回車，登錄vercel，

vercel.json

welcome.html

test.js

上傳

打開網(wǎng)址，目前打開效果

點(diǎn)擊test

目前最基礎(chǔ)的接口已經(jīng)可以訪問了

下面開始連接數(shù)據(jù)庫

api下新建testdb.js和bendiceshi.js文件

bendiceshi.js

運(yùn)行

連接成功

回到

打開testdb

到這里接口已經(jīng)創(chuàng)建成功了，

剩下的就靠你的天馬行空了，

這里給你個(gè)參考

https://www.shaohua.ml

這個(gè)也是vercel+mongodb搭建的