第一步首先:
首先要在 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:
6:登录成功以后,找到以下的目录
7:将springBoot 项目打包成一个Jar 包 放到 http 目录下
8:将前端Vue 项目 使用:npm run build 指令 打包 ,打包完成后,会有一个dist 文件
然后将里面的所有文件 全部拷贝到 下来 放到 刚刚宝塔面板上的http 文件夹下面
9:然后放好之后,看图片进行下一步 :
把网站目录修改成:你刚刚存放文件的目录
10:现在就可以用ip 地址去访问前端Vue 页面了 ,切记开放端口号!!!
11:来到宝塔面板, 添加一个Mysql数据库
12:最后来到宝塔面板文件页:打开终端 在终端下输入命令:
nohup java -jar 你的项目名.jar &
然后SpringBoot项目 会生成一个 nohup.out 文件 就意味着后台启动成功了!!!这个时候你就可以看看是否能启动成功了。