Express 简单使用及部署在 vercel

官网：

Express 中文文档(https://nodejs.cn/express/)

一、搭建一个 Express 服务

安装 Express 生成器

# 参考官方文档地址：https://nodejs.cn/express/starter/generator/npm install -g express-generator

报错：

解决方案：

npm config set strict-ssl=false

创建一个项目

# my-server 为项目名称# 参考官方文档地址  https://nodejs.cn/express/starter/generator/express --no-view my-server


# express --view=ejs express-vercel

如图所示：

安装依赖

进入到刚刚创建的 my-server 项目目录下。切记切记切记。

# 进入到刚刚创建的项目根目录下cd my-server
# 安装依赖npm i

如图：

运行项目

npm start

默认页面访问地址：

localhost:3000

具体可参考 bin 目录下的 www 文件。如图：

项目结构说明

配置静态资源访问的位置

如何将 Express 项目部署到 Vercel

参考文章

• https://blog.csdn.net/weixin_48165407/article/details/132668269

• https://israynotarray.com/nodejs/20230425/1940966356/

• https://stackoverflow.com/questions/72584745/having-problem-deploying-express-server-on-vercel-404-page-not-found

发布 vercel 的时候注意项目层级目录如下：

因为不按照此结构，vercel.json 可能会有问题

vercel.json 内容

{  "builds": [{ "src": "app.js", "use": "@now/node" }],  "routes": [{ "src": "(.*)", "dest": "app.js" }]}

源码

https://github.com/codingpaidaxing/express-vercel

如有问题，欢迎加微信交流：w714771310，备注- 技术交流  。或关注微信公众号【码上遇见你】。

好了，本章节到此告一段落。希望对你有所帮助，祝学习顺利。