当前位置: 首页 > news >正文

使用宝塔面板部署前端项目到服务器

目录

文章目录

前言

一、第一步:创建文件夹

二、第二步:部署前端项目

三、第三步:打开防火墙


文章目录

  • 前言
  • 第一步:创建文件夹
  • 第二步:部署前端项目
  • 第三步:打开防火墙
  • 总结

前言

在此之前,我们已经创建了宝塔面板账号、拥有了一台服务器。现在,我们想让我们的前端能够像阿里巴巴、淘宝等网站那样被别人访问,那么我们应该在宝塔面板上面怎样做呢?


一、第一步:创建文件夹

1、打开我们的宝塔面板后,我们会看到左侧有一列目录,点击里面的文件。

2、点击在根目录下名叫www的文件夹

3、点击里面叫wwwroot的文件夹

4、在里面随便创建一个文件夹准备放入我们的前端代码

5、放入我们的前端代码


二、第二步:部署前端项目

1、在宝塔面板的左侧有个叫网站的名字,点进去并选择node项目

2、添加我们刚才放入的项目

3、配置前端的信息


三、第三步:打开防火墙

1、点击自己的项目,可以查看自己的项目运行情况

2、在左侧有个项目日志,可以观看是否运行成功

3、打开自己端口的防火墙

4、在服务器那边也要开启端口

5、使用端口+ip到网页上面访问

部署成功!!! 


总结

前端部署分为3步:

1、创建文件夹

2、开始前端部署

3、开启防火墙

前端部署后最直观的就是看见网页,但后端没有部署是无法实现功能的,在后面将有如何这是数据库和项目的一键部署。如果这篇文章对你有帮助的话请点点赞和收藏。如果网站和文章有问题的话也可以私信我或指出来!!!

http://www.lryc.cn/news/265169.html

相关文章:

  • Enge问题解决教程
  • 使用yarn安装electron时手动选择版本
  • AIGC:阿里开源大模型通义千问部署与实战
  • Java小案例-Java实现人事管理系统
  • Win系统修改Nginx配置结合内网穿透实现远程访问多个Web站点
  • 如何使用 NFTScan NFT API 在 Base 网络上开发 Web3 应用
  • 【Chrome】ERR_SSL_PROTOCOL_ERROR问题
  • Codeforces Round 916 (Div. 3)(E:贪心 F贪心dfs G tarjan+topsort +线段树优化建图)
  • eNSP错误40,原因三:windows10自带虚拟化软件Hyper-V
  • Maven将Jar包打入本地仓库
  • 如何使用 Helm 在 K8s 上集成 Prometheus 和 Grafana|Part 1
  • Observability:捕获 Elastic Agent 和 Elasticsearch 之间的延迟
  • Ubuntu 常用命令之 less 命令用法介绍
  • 探索Node.js包管理器npm:介绍与使用指南
  • 探讨APP自动化测试工具的重要性
  • el-date-picker日期时间插件只允许选择年月日小时并做可选择范围限制(精确到小时的范围)
  • 在MongoDB中使用数组字段和子文档字段进行索引
  • <JavaEE> 网络编程 -- 网络编程和 Socket 套接字
  • 【计算机系统结构实验】实验2 流水线中的冲突实验
  • conda环境下执行conda命令提示无法识别解决方案
  • 链接未来:深入理解链表数据结构(二.c语言实现带头双向循环链表)
  • 论文笔记 | Nature 2023 FunSearch:利用大语言模型在数学科学领域探索新的发现
  • JavaScript 对象和 JSON 字符串的区别
  • 基于 Flink SQL 和 Paimon 构建流式湖仓新方案
  • MFC静态链接+libtiff静态链接提示LNK2005和LNK4098
  • 桶装水送水小程序:提升服务质量的利器
  • 深度学习在训练什么,什么是模型
  • Andorid 使用bp或者mk编译C文件生成so
  • 只更新软件,座椅为何能获得加热功能?——一文读懂OTA
  • EfficientDet:Scalable and Efficient Object Detection中文版 (BiFPN)