首页
前端开发
Webpack
React Express 应用部署指南

React Express 应用部署指南

19 次浏览 0 条评论
zip
zip

React Express 应用部署指南

本指南介绍如何搭建并部署一个 React Express 应用到 Heroku 平台。

本地启动

  1. 安装依赖:

    在项目根目录以及 client 目录下分别运行 npm install 命令，安装前端和后端的依赖。

  2. 启动应用:

    在项目根目录下运行 npm start 命令。

    该命令会启动 Webpack 开发服务器以支持前端 React 应用的自动重新加载，并通过 Nodemon 实现后端 Express 应用的独立自动重新加载。Express 服务器会拦截来自客户端的任何 AJAX 请求。

部署至 Heroku

  1. 提交更改:

    将您的代码更改添加到 Git 仓库并提交。

  2. 推送至 Heroku:

    将您的代码推送到 Heroku 远程仓库。NPM 脚本会自动处理部署过程。

注意事项

  • Express 服务器将拦截来自客户端的 AJAX 请求。
  • 部署过程由 NPM 脚本自动完成。
zip
Covid_19_Tracker-main.zip 预估大小：34个文件
folder
Covid_19_Tracker-main 文件夹
folder
client 文件夹
file
package.json 798B
file
package-lock.json 550KB
folder
src 文件夹
file
index.js 143B
folder
images 文件夹
file
image.png 13KB
folder
api 文件夹
file
index.js 1KB
file
App.module.css 330B
folder
components 文件夹
file
index.js 219B
folder
Chart 文件夹
file
Chart.jsx 2KB
file
Chart.module.css 158B
folder
CountryPicker 文件夹
file
CountryPicker.module.css 68B
file
CountryPicker.jsx 964B
folder
Cards 文件夹
file
Cards.module.css 405B
file
Cards.jsx 2KB
folder
Navbar 文件夹
folder
Navbar.module.css 文件夹
file
Navbar.jsx 495B
file
App.js 1KB
folder
public 文件夹
file
manifest.json 298B
file
index.html 2KB
file
favicon.ico 24KB
file
README.md 103KB
folder
models 文件夹
file
index.js 103B
file
login.js 682B
folder
config 文件夹
file
passport.js 3KB
file
package.json 878B
file
.eslintrc.json 383B
file
server.js 1KB
folder
routes 文件夹
file
settings.js 303B
file
index.js 218B
file
login.js 229B
file
homepage.js 229B
file
package-lock.json 118KB
folder
controllers 文件夹
file
loginControllers.js 899B
file
.gitignore 27B
file
README.md 932B
zip 文件大小：243.39KB