宝塔linux部署react项目 图文并茂 傻瓜式教学

华为云服务器购买与宝塔linux系统安装

购买服务器过程省略，记得付款就好，或者新人可去白嫖一个月试用

linux服务器安装宝塔

宝塔官网

不同版本安装命令

系统	安装脚本
Centos安装脚本	yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
Ubuntu/Deepin安装脚本
wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec
Debian安装脚本	wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh ed8484bec
万能安装脚本	if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec
国产龙芯架构安装脚本
（其他CPU请勿使用）	wget -O install_panel.sh https://download.bt.cn/install/0/loongarch64/loongarch64_install_panel.sh && bash install_panel.sh ed8484bec

react项目部署

打包出dist文件夹

在项目目录运行

npm run build

dist文件上传至服务器

上传dist文件至服务器

在网站站点新建站点

配置域名，如果有的话，如果没有的话可以选择ip+端口号的形式
根目录记得选择对应的dist文件或者你自定义的文件夹

点击确定后即可在浏览器访问

跨域方向代理

因为项目需要用到跨域配置

点击项目设置-反向代理-添加反向代理

这里解释下各个名词：
代理目录：要被替换掉的flag词
目标url： 代理目录会被替换成这个词

如上