使用宝塔面板部署react项目

react项目打包部署到服务器上+宝塔面板的操作

首先进行配置react项目，在webpack.json中 加上homepage:'.'或‘./’

然后打包

npm run build

会得到一个dist
运行dist中的index文件如果是空白的话我们需要更改配置 vite.config.ts / vite.config.js文件
配置 base: ‘./’

export default defineConfig({
  base: './',
  // 、、、省略其他配置
})

打包完我们需要进入腾讯云或阿里云的安全组中进行配置端口

点击网站 php项目 添加站点

域名为自己的ip，有域名可以填写

创建好之后/www/wwwroot/ip会生成文件夹，我们进入文件夹
将打包好的dist文件夹放进去

点击设置添加文档

此时输入ip：端口就能查看了