如何使用vercel部署nodejs服务并在国内访问

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.成果展示
等待解析完成，就可以通过自定义域名访问接口：