1.react项目打包
1.1 终端运行打包命令
在编辑器的终端运行vue项目打包命令
yarn build
打包成功如下:
这时我们可以看到项目目录多出来一个build文件夹,记住它,后面部署就靠它了。
1.2 修改配置
在package.json里面添加一行:
"homepage": "."
如果不加上这个的话之后打包的时候,打开index.html会报错,示例如下:
2.宝塔面板部署项目
2.1 部署要求
- 有一台云服务器(笔者这里用的是腾讯云)
- 服务器安装宝塔面板 安装教程
2.2 在腾讯云开发端口
登录腾讯云,选择控制台,打开云服务器面板,选择安全