React 前端服务部署过程(Nginx 篇)
-
服务器安装 node,nginx,并全局命令调用实现;参考链接:
Linux 版本环境安装及 Web 部署
Windows 版本环境安装及 Web 部署 -
安装好之后,开始配置并部署服务:
-
前端项目
npm run build
(项目脚手架:create-react-app),生成build
静态资源包; -
将静态资源包部署(拖拽)到服务器上,开始配置
nginx
,启动服务;以我们服务器 Linux 配置为例,参考 nginx 配置
worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; #log_format main '$remote_addr - $remote_user [$time_local] "$request" ' # '$status $body_bytes_sent "$http_referer"