Express简单使用及部署在vercel

348 阅读1分钟

官网:

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

一、搭建一个Express服务

安装Express 生成器

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


报错: image.png 解决方案:

npm config set strict-ssl=false

创建一个项目

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



# express --view=ejs express-vercel

如图所示: image.png

安装依赖

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

# 进入到刚刚创建的项目根目录下
cd my-server

# 安装依赖
npm i

如图: image.png

运行项目

npm start

默认页面访问地址:

localhost:3000

具体可参考bin目录下的www文件。如图: image.png

项目结构说明

image.png

配置静态资源访问的位置

image.png


如何将Express项目部署到Vercel

参考文章

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

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

image.png

vercel.json内容

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

源码

github.com/codingpaida…

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

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