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

目录

文章目录

前言

一、第一步：创建文件夹

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

三、第三步：打开防火墙

文章目录

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

前言

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

一、第一步：创建文件夹

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

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

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

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

5、放入我们的前端代码

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

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

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

3、配置前端的信息

三、第三步：打开防火墙

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

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

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

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

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

部署成功！！！ 

总结

前端部署分为3步：

1、创建文件夹

2、开始前端部署

3、开启防火墙

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