1.初始化项目

mkdir express-test
cd express-test
npm init -y
npm install express

2.添加vercel.json配置文件
在项目根目录添加文件vercel.json,并填入以下内容:

{
	"version": 2,
	"rewrites": [{ "source": "/(.*)", "destination": "/api" }]
}

3.添加index.js文件并修改
项目根目录添加index.js文件,引入express的实例,配置后进行导出:

import dotenv from 'dotenv'; //环境变量配置,非必须
dotenv.config();
import cors from 'cors'; //跨域配置
import express from 'express'; //引入express
const app = express();
app.use(cors());

const port =  3000;

app.listen(port, () => {
    console.log(`Server running on port ${port}`);
});
export default app

4.添加接口
第2步中的配置文件destination属性为/api,表示接口指向api文件夹内的文件,所以需要在根目录添加api文件夹,并添加js接口文件:
在这里插入图片描述
index.js内容:

import app from "../index.js"
app.get('/test', async (req, res) => {
    res.send('test');
});

5.vercel部署
将项目提交到github,记得添加.gitignore忽略不必要的文件,打开https://vercel.com/网址
使用提交了刚才项目的github账号进行登录,在vercel主页点击:
在这里插入图片描述
找到刚才的node项目后点击import
在这里插入图片描述
在这里插入图片描述
确认信息后点击deploy:
在这里插入图片描述

稍等一会就会部署完成,vercel会给你提供一个默认的地址,不过由于一些原因在国内无法访问:
在这里插入图片描述
6.自定义域名
如果有现成的域名,可以添加三级域名进行配置,如果没有的话需要进行购买,购买的细节此处不赘述
点击vercel的项目setting,然后点击domains
在这里插入图片描述
输入你的域名(二级和三级都可以),之后点击add
在这里插入图片描述
页面会多出一个面板,此时需要进行域名解析:
在这里插入图片描述
拿腾讯云举例,将vercel提供的这几个值填入对应的地方,点击确定:
在这里插入图片描述
7.成果展示
等待解析完成,就可以通过自定义域名访问接口:
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐