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

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

react项目打包部署到服务器上+宝塔面板的操作_第1张图片

首先需要项目打包

npm run build

我们会得到一个build

运行build中的index文件如果是空白的话我们需要更改上面的操作重新打包 '.'或'./'

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

 配置好端口后我们进入宝塔中

点击网站 php项目 添加站点

react项目打包部署到服务器上+宝塔面板的操作_第2张图片

 站点域名+自己的id:端口号(也就是我们刚才建的端口号)

react项目打包部署到服务器上+宝塔面板的操作_第3张图片

到首页将自己的域名删除

会看到自己创建的删除  留下自己的id即可

react项目打包部署到服务器上+宝塔面板的操作_第4张图片

 创建好之后/www/wwwroot/www.aaa.cn会生成文件夹我们进入文件夹

将打包好的build文件夹放进去

react项目打包部署到服务器上+宝塔面板的操作_第5张图片

 点击设置添加文档

 

 react项目打包部署到服务器上+宝塔面板的操作_第6张图片

 此时输入你的id+端口号就可以了

react项目打包部署到服务器上+宝塔面板的操作_第7张图片

 

你可能感兴趣的:(react.js,前端,前端框架)