宝塔面板部署前端项目

部署前端项目

    • 1 打包自己的项目
    • 2 登录宝塔面板
    • 3 添加站点
    • 4 设置域名
    • 5 进入当前站点对应的文件目录中
    • 6 上传打包后的文件
    • 7 访问网站

1 打包自己的项目

image.png

2 登录宝塔面板

点击左侧“网站”菜单进入对应页面
点击“添加站点”
image.png

3 添加站点

填写域名,如果没有域名的,可以填写服务器地址。
image.png

4 设置域名

点击操作列的“设置”,打开弹窗
image.png

填写并添加“域名”和“端口号”。
同时需要将该端口号在服务器中防火墙的规则中写入,否则打开页面是空白页。

image.png

5 进入当前站点对应的文件目录中

直接点击根目录即可进入
image.png
进来后会有一些默认文件,可选择是否删除,默认不删除也无妨。
image.png

6 上传打包后的文件

image.png

7 访问网站

通过域名或者IP,加上端口号就可以访问。
如果打开是空白页面,检查一下端口是否开放。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

重生奇迹MU 谁才是真正的全能职业

重生奇迹MU中,游戏的奥妙就在于职业的选择。不同职业间各有千秋,可远可近,全都是玩家们心中的全能职业。本文就将为你分析重生奇迹MU中的各个职业,为你解答谁才是真正的全能职业。 每次新开一个服务器时,玩家们总会纠结…

为什么不推荐在自动化测试中使用单例模式

简述 尽管在国内大量的代码中使用单例这种简单的方式,但在自动化测试过程中会导致很多问题。因此,在自动化测试中,不推荐使用单例模式。 什么是单例? 《设计模式:可复用面向对象软件的基础》一书(通常被称为…

2024地理信息相关专业大学排名

在开始之前,不得不提一下今年福耀科技大学不能招生的遗憾,不知道明年是否能一切准备就绪开始招生呢? 如果这所大学能招生了,不知道它有没有地理信息相关专业呢? 言归正转,我们现在就基于公开资料&#xf…

vue:响应式原理解析,深入理解vue的响应式系统

一、文章秒读 vue的响应式系统核心有两个,简单描述就是: 1.在数据变化时重新render依赖相关函数(组件)。 2.在vue2和vue3中分别使用Object.defineProperty和Proxy进行对象属性的读写。 数据变化时: 二、什么是响应…

解决宝塔linux面板 - 404 Not Found(Nginx)方法

宝塔Linux面板后台登录提示404 Not Found Nginx如何解决?码笔记:这是因为BT面板丢失了安全登录入口,如下图: 宝塔404 Not Found nginx 解决方法: 1、先SSH远程服务器 2、然后执行命令 bt 14 重新获取宝塔面板URL地址安…

Linux安装frp实现内网穿透

Linux运维工具-ywtool 目录 一. 简介二.代理类型三.frp支持的Linux的架构四.安装1.准备工作2.配置frp服务器端(a)下载安装包(b)解压安装包(c)修改配置文件(d)启动服务端 3.配置frp客户端(a)下载安装包并修改配置文件(b)启动客户端 4.测试连接 五.其他1.多端口穿透(a)服务端(b)客…

wireshark工具获取设备IP地址

背景: 一个网口抓包工具,主要是升级XX设备时候不知道网口的ip地址。每次需要一个一个试,比较麻烦。 使用步骤: 1、连接好XX设备与笔记本,在网络连接里面找到以太网,没有出现红色X号,表示网线连…

【道合顺展会预告】2024国际传感器仪器仪表物联网长沙展览会!

传感器技术作为万物互联的基石,正以前所未有的速度驱动着全球各行各业的转型升级。在此背景下,2024国际传感器&仪器仪表&物联网展览会将于6月28日至30日在长沙盛大启幕,道合顺传感将携公司最新技术及科研成果参加展览会,并…

数据库自动备份到gitee上,实现数据自动化备份

本人有个不太好的习惯,每次项目的数据库都是在线上创建,Navicat 连接线上数据库进行处理,最近有一个项目需要二次升级,发现老项目部署的服务器到期了,完蛋,数据库咩了!!!…

开源模型应用落地-FastAPI-助力模型交互-WebSocket篇(一)

一、前言 使用 FastAPI 可以帮助我们更简单高效地部署 AI 交互业务。FastAPI 提供了快速构建 API 的能力,开发者可以轻松地定义模型需要的输入和输出格式,并编写好相应的业务逻辑。 FastAPI 的异步高性能架构,可以有效支持大量并发的预测请求,为用户提供流畅的交互体验。此外,F…

在Qt中,直接include <moc_xxxxx.cpp> 为什么不会出现符号冲突的错误?

在逛Qt官方社区的时候看到这样一个帖子: https://forum.qt.io/topic/117973/how-does-include-moc_-cpp-work 大概的意思是moc_xxx.cpp如果已经被编译器编译,那么在另一个cpp文件中include同一个moc_xxx.cpp应该出现符号冲突才对,但是Qt却能正…

关于如何更好管理好数据库的一点思考

本文尝试从数据库设计理论、ER图简介、性能优化、避免过度设计及权限管理方面进行思考阐述。 一、数据库范式 以下通过详细的示例说明数据库范式的概念,将逐步规范化一个例子,逐级说明每个范式的要求和变换过程。 示例:学生课程登记系统 初始…

提效优化:企业IT人员视角下的SD-WAN经验分享

我是公司IT支持人员,主要职责是确保公司的网络系统运行顺畅,让同事们能够顺利地完成他们的工作。随着公司业务的扩展和远程办公的普及,我工作中面临的挑战也日益严峻。 永无止境的问题流是我们IT人员日常工作中最为常见的现象。从“网络怎么这…

Spring Boot启动报错Lombok supports: sun/apple javac 1.6, ECJ

版本 idea 2023.3.4 <dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><version>1.18.32</version></dependency> 解决方式 File->Settings->Build, Execution, Deployment->Com…

录音转文字app哪个最好?5款实用的录音转文字软件下载

随着录音记录的普及&#xff0c;录音转文字功能已成为日常工作和学习中不可或缺的助手。 无论是会议记录、课堂笔记还是采访录音&#xff0c;这项技术都能快速、准确地将语音内容转换为文字。面对市场上众多的转文字软件&#xff0c;你知道录音转文字app哪个最好吗&#xff1f…

H5实现第三方分享功能,(WhatsApp,Facebook,Messenger,Instagram,Telegram,Zalo,Twitter/X)

1. H5实现第三方分享功能 1. WhatsApp 分享 https://api.whatsapp.com/send/?phone&app_absent0&text${codeUrl}2. Facebook 分享 https://www.facebook.com/sharer/sharer.php?u${codeUrl}3. Messenger 分享 https://www.messenger.com/?${codeUrl}4. Instagra…

Redis集群-计算key的插槽值等命令

文章目录 1、集群方式登录主机63792、计算key应该保存在那个插槽3、计算某个插槽中保存的key的数量4、返回指定槽中的键 1、集群方式登录主机6379 [rootlocalhost redis]# /usr/local/redis/bin/redis-cli -c -h 192.168.74.148 -p 6379 192.168.74.148:6379> keys * 1) &q…

2024年麒麟操作系统运维工程师(KYCP)培训介绍(培训费用+培训方式)

麒麟操作系统运维工程师&#xff08;KYCP&#xff09;培训是一个专注于提升学员在麒麟操作系统运维技能方面的综合性课程。以下是关于该培训课程的清晰概述&#xff1a; 1. 培训课程概述 内容涵盖&#xff1a;安全管理、日志管理、系统监控、服务部署等多个方面的知识内容。目…

Qt-Advanced-Docking-System示例程序

写了一些简单的示例程序&#xff0c;帮助我更好地使用和了解Qt-Advanced-Docking-System 1.写一个如图页面布局的程序 m_pDockMangernew ads::CDockManager(this);this->setCentralWidget(m_pDockManger);ads::CDockWidget* centerDockWidgetnew ads::CDockWidget("中…

麦克风哪个品牌音质最好,领夹麦克风十大品牌排行榜

​随着科技的不断进步&#xff0c;无线领夹麦克风在各类场合都展现出强大实力。无论是直播、采访还是教学&#xff0c;无线领夹麦克风都成为媒体人创作的重要工具。对于追求作品质量的媒体人来说&#xff0c;选择一款性能优异、价格合理的无线领夹麦克风至关重要。因此&#xf…