SpringBoot + Vue 前后端分离项目部署到服务器上

入夏忆梦

已于 2023-01-01 19:10:19 修改

阅读量865

点赞数 2

于 2022-10-14 19:07:54 首次发布

本文链接：https://blog.csdn.net/XikYu/article/details/127325621

版权

第一步首先：

首先要在 controller层 上+ @CrossOrigin  跨域注解

第二步：要新建一个跨域的配置类

private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("http:xxxxxxx");         此处要修改成你的服务器IP地址
        corsConfiguration.addAllowedOrigin("*"); // 1 设置访问源地址 
        corsConfiguration.addAllowedHeader("*"); // 2 设置访问源请求头
        corsConfiguration.addAllowedMethod("*"); // 3 设置访问源请求方法
        corsConfiguration.setMaxAge(MAX_AGE);
        return corsConfiguration;
    }

后端大致就这些，这些你在部署项目之前大概都已经修改好了

前端：

=========================================================================

接下来就是重头戏：

首先我们需要一个纯净的服务器！！！！（需要跟刚买的时候一样）安装宝塔面板，因为我尝试过用自己的服务器搭建项目，但是最终因为种种原因导致最终项目部署成功了，但是页面非常卡顿。

接下来安装宝塔面板：

操作步骤：

1：使用标准方式登录 Linux 实例（推荐）。您也可以根据实际操作习惯，选择其他不同的登录方式（Xshell）

2: 执行以下命令，下载并安装宝塔面板。

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

返回如下结果表示安装成功：

Created symlink from /etc/systemd/system/dbus-org.fedoraproject.FirewallD1.service to /usr/lib/systemd/system/firewalld.service.
Created symlink from /etc/systemd/system/multi-user.target.wants/firewalld.service to /usr/lib/systemd/system/firewalld.service.
success
==================================================================
Congratulations! Installed successfully!
==================================================================

3：记录返回结果中的 “面板地址”、“username” 和 “password” 的参数值。

==================================================================
外网面板地址: http://114.xxx.xxx.188:8888/57ffcc15
内网面板地址: http://172.xx.x.42:8888/57ffcc15
username: r4tpci0c
password: eb691ecc
If you cannot access the panel,
release the following panel port [8888] in the security group
若无法访问面板，请检查防火墙/安全组是否有放行面板[8888]端口
==================================================================

4：在本地计算机中，打开浏览器，输入记录的“面板地址”参数值，访问进入宝塔面板页面。
例如 http://114.xxx.xxx.188:8888/57ffcc15。

5：