本文详细介绍了如何打包React项目，包括在终端运行打包命令和修改配置，然后在宝塔面板上进行项目部署，包括在腾讯云设置端口、在宝塔上添加站点并上传打包文件，最后调整默认文档，实现通过浏览器访问项目。
1.react项目打包
1.1 终端运行打包命令
在编辑器的终端运行vue项目打包命令
yarn build
打包成功如下：
这时我们可以看到项目目录多出来一个build文件夹，记住它，后面部署就靠它了。
1.2 修改配置
在package.json里面添加一行：
"homepage": "."
如果不加上这个的话之后打包的时候,打开index.html会报错，示例如下：
2.宝塔面板部署项目
2.1 部署要求
- 有一台云服务器（笔者这里用的是腾讯云）
- 服务器安装宝塔面板 安装教程
2.2 在腾讯云开发端口
登录腾讯云，选择控制台，打开云服务器面板，选择安全组栏
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
