宝塔面板部署前后端分离项目，前后端分离项目Nginx域名配置

• 1.前期准备
• 2.前端项目部署
• 3.后端项目部署
• 4.网站配置

1.前期准备

自行准备域名

之后再宝塔腾讯云DNS解析里面添加自己域名的解析

在腾讯云防火墙管理中开启SpringBoot后端项目的端口，以便前端项目可以进行访问

2.前端项目部署

宝塔网站管理页添加一个PHP项目，按照如下进行配置：（域名，为域名添加解析，项目备注，前端项目所在位置，PHP版本选择静态即可）

之后点击刚刚创建的网站网站名进入配置，点击SSL，为网站添加证书：

如果是云服务器申请的证书，选择当前证书配置即可，填入自己的证书的密钥KEY和证书PEM格式（可以开启强制HTTPS，这样将无法使用HTTP模式访问你的网站了）

详细配置SSL教程

大功告成，现在用https的方式访问你的域名，应该可以看到你的前端项目了！🎁

3.后端项目部署

宝塔SpringBoot项目部署教程

4.网站配置

打开前端项目，选择配置文件：

添加一个后端接口解析的配置，如下：

9099端口是你的项目后端端口：

location /api/ {    rewrite_log on;    rewrite ^/api/(.*)$ /$1 break;    proxy_pass http://127.0.0.1:9099;    proxy_redirect    off;    proxy_set_header  Host $host;    proxy_set_header  X-real-ip $remote_addr;    proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;}

这样，在你的域名后加/api 加具体的后端路径，就可以转发到后端项目进行解析返回了！

前端项目请求/api + 后端项目路径即可：

mounted() {    axios        .get('/api/aaa/bbb')        .then(response => {            this.hhh= JSON.parse(response.data.data[0]);        })        .catch(function (error) { // 请求失败处理            console.log(error);        });}

来源地址：https://blog.csdn.net/Gherbirthday0916/article/details/129138346