华为云服务器购买与宝塔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: 代理目录会被替换成这个词
如上