教你用宝塔快速部署前端项目（图文）

藏色散人

发布时间：2021-11-05 16:32:56

10743人浏览过

来源于csdn

转载

本文由宝塔面板教程栏目给大家介绍如何使用宝塔快速地部署前端项目，希望对需要的你有所帮助！

一、环境的安装

1、域名解析绑定自己服务器的IP地址

2、安装宝塔

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

3、等待几分钟,安装完成后,页面上会出现登录账户和密码(先复制出来,登录进去后可以修改)
4、在阿里云服务器上安全组上将8888端口开放出来

立即学习“前端免费学习笔记（深入）”；
5、使用上面的账号和密码登录到你的宝塔界面中修改用户名和密码【主要是为了方便记住账号和密码】

三、使用宝塔部署静态项目

1、安装nginx软件
2、部署静态项目
3、直接在浏览器上访问(输入自己的域名)
4、如果要创建别的静态项目
5、在浏览器输入域名/文件夹名访问刚刚的静态项目

四、使用`PM2`部署`node`项目

1、在软件商店安装pm2工具
2、在pm2的管理界面切换node版本

有道翻译AI助手
有道翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译、网页翻译、文档翻译、PDF翻

下载
3、在站点的目录下创建一个文件夹express_demo
4、安装express的脚手架
```
npm install express-generator
```
5、在express_demo目录下生成项目文件
```
express -enpm install
```
6、开发端口【非常重要】
- 在宝塔中开放端口
- 如果是使用的阿里云服务器,需要在服务器端继续开放端口
7、在PM2的面板中添加express_demo项目启动
8、浏览器输入域名或者IP带上3000端口

五、修改`nginx`的配置文件,反向代理到`node`项目

1、点击网站的设置
2、修改nginx的配置文件
3、测试,浏览器上直接输入域名/express

宝塔面板插件维护方法

宝塔面板绑定不了宝塔账户如何解决

宝塔面板可以安装java吗

宝塔面板可以更换服务器吗

宝塔面板如何清空数据库

相关标签:

nginx express 云服务器宝塔面板

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：一文讲解宝塔面板怎么部署node项目下一篇：两分钟教你宝塔怎么部署uniapp h5项目

作者最新文章

一文详解通过php+roadrunner实现grpc服务端

2023-04-21 15:57

分享redis多维度排行思路

2023-04-21 16:01

linux jboss是什么

2023-04-23 10:10

linux中yum是什么意思

2023-04-23 10:15

分享一个PHP免费验证码（附代码）

2023-04-23 17:33

详述file_get_contents、getimagesize严重耗时问题

2023-04-23 17:36

用八个demo搞懂Go语言defer的五大特性

2023-04-23 17:40

图文详解如何在Vue项目中集成Ace代码编辑器

2023-04-24 10:52

聊聊前端怎么获取电池信息

2023-04-24 10:55

分享接口设计文档的12个注意点

2023-04-24 10:58

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

nginx 重启

nginx重启对于网站的运维来说是非常重要的，根据不同的需求，可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容，供大家免费下载体验。

229

2023.07.27

nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件，可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大，允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

496

2023.08.04

nginx配置详解

NGINX与其他服务类似，因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章，大家可以免费学习。

498

2023.08.04

tomcat和nginx有哪些区别

tomcat和nginx的区别：1、应用领域；2、性能；3、功能；4、配置；5、安全性；6、扩展性；7、部署复杂性；8、社区支持；9、成本；10、日志管理。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。

227

2024.02.23

nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误，表明服务器无法找到请求资源，可以通过以下步骤解决：1. 检查文件是否存在且路径正确；2. 检查文件权限并更改为 644 或 755；3. 检查 nginx 配置，确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。

333

2024.07.09

Nginx报404错误解决方法

解决方法：只需要加上这段配置：try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容，可以阅读本专题下面的文章。

3508

2024.08.07

nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总，阅读专题下面的文章了解更多详细内容。

2026.01.13

nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总，阅读专题下面的文章了解更多详细内容。

2026.01.13

C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立可测试、可维护、高质量的 C++ 项目体系。

2026.01.16

热门下载

网站特效

网站源码

网站素材

前端模板