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

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

首先需要项目打包

npm run build

我们会得到一个build

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

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

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

点击网站 php项目 添加站点

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

到首页将自己的域名删除

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

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

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

 点击设置添加文档

 

 

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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/29048.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【极简 亲测】已拦截跨源请求:同源策略禁止读取位于....的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin‘)

CORS是Cross-Origin Resource Sharing。 解决 首先这个是浏览器层面的拦截。下面的方法都是解除浏览器拦截的方式。 解除了之后还是有可能其他方面有问题的,但是那个会提示其他错误。 比如CORs Failed之类的,这个是没收到response,大概率是…

instsrv 注册 windows 系统服务

注册步骤 Win r 打开 cmd 窗口执行 instsrv.exe myserver C:\Windows\System32\srvany.exe 示例: instsrv.exe nginx C:\Windows\System32\srvany.exe win r 运行 regedit 进入注册表,依次找到以下路径 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\S…

java实现身份证号码校验

二代身份证为18位,前六位为籍贯信息,7至14位为生日,最后一位校验前17位号码是否正确 校验规则为:前17位每一位乘以一个固定权重并相加然后除以11得到的余数,判断余数是否和校验的数相等 代码实现(支持15位…

SpringCloud学习路线(1)—— 从头开始的微服务

一、服务架构的历史 现有的服务框架: 单体架构 概念: 将业务所有功能集中在一个项目中开发,打包部署优点: 架构简单,部署成本低缺陷: 耦合度高 分布式架构 概念: 根据业务功能对系统进行拆分&a…

基于OneAPI工具分析包TensorFlow的聊天机器人设计分析和总结

文章目录 基础介绍:实现思路:详细介绍1. 聊天机器人发展历程:2. embedding_attention_seq2seq接口:3. 训练模型:4. Python编程实现完整的聊天机器人:补充内容: 环境搭建与关键技术环境搭建关键技…

用java实现死锁,并且判断是否产生

目录 锁的概念 锁在多线程环境中的作用是: 在Java中,常见的锁机制有以下几种: 形成死锁的条件 用java写一个死锁 如何避免死锁? 锁的概念 首先我们要明确锁是什么,在Java语言中,锁(Lock&…

餐饮行业油烟监控管理系统设计与应用

安科瑞 华楠 摘 要:餐饮油烟污染问题已经成为城市环境污染的重要污染源,本研究的油烟在线监测数据管理信息系统是油烟在线监测数据采集仪的配套软件,用于展现现场端数据采集仪采集的数据,对数据采集仪进行远程控制,以…

vue3+vite配置 unplugin-vue-component 找不到 Vant 组件的问题

使用 vue3 vite Vant 搭建移动端项目,为了避免全量引入 vant 导致打包体积过大,又不想一个一个组件手动导入,所以就选择了 vant 官方推荐的方法,使用 unplugin-vue-components 插件自动引入组件,并按需引入组件的样式…

2023.7.15排序算法合集

排序算法合集 一、概述二、排序算法1.冒泡排序2.插入排序3.选择排序4.快速排序5.归并排序6.计数排序 三、完整源码 一、概述 排序算法是计算机科学中的一类常见算法,用于将一组数据按照特定的顺序进行排列;排序算法的应用非常广泛,涉及到数据…

【iOS】对象的本质探索

OC对象的底层结构 问题:一个NSObject对象在内存中是如何布局的?NSObject的内存布局1 通过 lldb命令 窥探NSObject内存布局2 通过 View Memory 窥探NSObject内存布局3 通过 底层函数API 窥探NSObject内存布局总结 通过继承关系进一步了解NSObject1 运行项…

智慧数据驱动:基于smardaten构建多维数据可视化大屏

🤵‍♂️ 个人主页:艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞&#x1f4…

【DC-DC】APS54083 降压恒流驱动器大功率深度调光 舞台 RGB 汽车照明 台灯驱动芯片

产品描述 APS54083 是一款 PWM 工作模式,高效率、外围简单、外置功率 MOS 管,适用于 5-220V 输入高精度降压 LED 恒流驱动芯片。输出最大功率150W最大电流 6A。APS54083 可实现线性调光和 PWM 调光,线性调光脚有效电压范围 0.5-2.5V.PWM 调光频率范围 1…