最方便的前端后端数据库部署

Bertha 。 2023-09-30 08:53 4阅读 0赞

**目录**

前言：

1.阿里云或者腾讯云购买云服务器，去实例页面

2.下载Xshell

3.使用宝塔面板去操作服务器

4.安装宝塔

5.复制命令去Xshell小黑窗口下载宝塔：

6.进入宝塔，绑定手机号，然后根据提示下载推荐插件

7.点击网站==》点击添加站点==》页面如下：

8.添加完页面如下：

9.点击根目录或者是文件，然后上传你的项目文件

10.然后你就可以打开你的对公ip，就可以看到你的页面了

11.前端、后端、数据库操作流程几乎一样

12.最后也是重点，所有的项目文件都上传之后，要配置反向代理

13，然后点击添加反向代理==》点击高级功能==》填写如下：

14.成功。

--------------------

### 前言： ###

> **根据以下步骤：可以100%成功部署并访问**

### 1.阿里云或者腾讯云购买云服务器，去实例页面 ###

这里是腾讯云为例，重点关注对公IP

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16][]

--------------------

### 2.下载Xshell ###

**点击文件==》新建==》按照以下填写上面的对公ip**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_15_color_FFFFFF_t_70_g_se_x_16][]

**然后点击 用户身份验证**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_15_color_FFFFFF_t_70_g_se_x_16 1][]

**链接成功后，代表和服务器成功链接：**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_14_color_FFFFFF_t_70_g_se_x_16][]

--------------------

### 3.使用宝塔面板去操作服务器 ###

> **接下来，你可以使用命令去操作服务器，这里我使用宝塔面板去操作，更方便**

### 4.安装宝塔 ###

> **（去官网下载你想下的版本，什么系统都有，根据自己，建议Centos安装脚本）：**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

--------------------

###  ###

###  5.复制命令去Xshell小黑窗口下载宝塔： ###

> **根据提示打开外网面板地址，输入密码账号**

**ps：如果发现打不开，就去腾讯云去安全组，把8888端口放行**

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_14_color_FFFFFF_t_70_g_se_x_16 1][]

--------------------

### 6.进入宝塔，绑定手机号，然后根据提示下载推荐插件 ###

###  ###

--------------------

### 7.点击网站==》点击添加站点==》页面如下： ###

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_14_color_FFFFFF_t_70_g_se_x_16 2][]

--------------------

### 8.添加完页面如下： ###

###    ![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 2][] ###

--------------------

###  9.点击根目录或者是文件，然后上传你的项目文件 ###

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

--------------------

### 10.然后你就可以打开你的对公ip，就可以看到你的页面了 ###

--------------------

### 11.前端、后端、数据库操作流程几乎一样 ###

###  ###

--------------------

### 12.最后也是重点，所有的项目文件都上传之后，要配置反向代理 ###

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_18_color_FFFFFF_t_70_g_se_x_16][]

--------------------

###  13，然后点击添加反向代理==》点击高级功能==》填写如下： ###

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_18_color_FFFFFF_t_70_g_se_x_16 1][]

--------------------

###  ###

###  14.成功。 ###

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/359745bc7d2f49809c5b93b959260a7b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_15_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/9cf5e3f56a7e48a18e620a90c611d468.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_15,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_15_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/91adc525dd5040889094b423c5b70ab5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_15,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_14_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/4abf9458d4fa42f5b788a72a36e9c4e6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_14,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/67ad32acfd414bdca8bb5a031b059628.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_14_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/50f03289858e4f83a1e8808b5e2b531f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_14,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_14_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/4993d23ea25b4f84859c5be2a3c2cae0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_14,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/ca6778da8f734f429ae08372ebe4f418.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/08561c8731e543fe94a46cf0d8ecda74.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_18_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/b15d86e70e9d4be3898eaeebc060bcd0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_18,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC_size_18_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/aa6d9cf650dd491f9c9ef96f65fdaab5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6l552A5aWP5LmQ5o6l552A6Iie44CC,size_18,color_FFFFFF,t_70,g_se,x_16