关于springboot vue前后端分离项目部署到阿里云轻量服务器(前后端分开部署)

0.购买阿里云服务器

1.安装jdk

使用yml安装

2.安装mysql

3.安装nginx

4.打包后端项目

后端项目更改:

在pom.xml文件中,增加打包成jar包的配置文件

在这里插入图片描述

application.properties配置文件中更改数据库信息,端口号:(所使用的端口号是自定义的,需要在阿里云服务器的控制面板也就是网页上开启防火墙,需要在阿里云服务器的安全组中添加对应的进入规则,需要使用命令在Xshell的黑框中开启端口对应的防火墙)

数据库url中localhost改为公网地址(服务器带的),密码改成服务器上数据库的密码(123456)

为了解决跨域问题,在后端代码中加入配置类,(新建一个包,放这个类)代码如下:

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

/**
 * TODO
 *
 * @auothor asus
 * @date 2020/9/28 7:39
 */
@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
                .maxAge(3600)
                .allowCredentials(true);
    }
}

到现在,后端代码就更改完成了,接下来是打成jar包,

先找到后端项目所在的目录,
在这里插入图片描述

在这里插入图片描述

打开cmd命令框,

输入 f:(就进入f盘了),输入dir 回车就可以查看当前目录下的所有文件信息,

输入 cd shixun2 就进入到文件夹中了,

然后输入命令 mvn package clean -Dmaven.test.skip=true (作用是把原来打包过的jar包都清掉)

然后输入命令 mvn package -Dmaven.test.skip=true (意思是重新打包)

回车,执行完这两个命令就可以到target目录下找到刚才打包的jar包了

到这里,后端项目打包完成

(*注意:后端项目的接口,在application.properties文件中,如果自定义了

server.servlet.context-path=/iqiyiadmin

那么在直接访问后端接口时,需要在地址中加上,http://服务器公网Ip:端口号/iqiyidamin/movie/findAll)

5、打包前端项目

前端项目的更改,原来前端项目中在调用后端接口时,使用的都是本地的localhost,现在因为后端项目要部署到服务器上了,应该把localhost改成 你的服务器的公网ip

*注意:所有地方的地址都要改,改完之后,在命令行执行代码 npm run build

执行成功后,前端项目中会多出一个文件加dist,

这个文件夹就是打包的前端项目

至此,前端项目打包完成

6、后端项目部署到服务器

我在root中新建了文件夹myProject/iqiyi

然后通过工具xftp直接把jar包拖拽到目录下,即为上传成功。

运行后端项目:在xshell中进入到jar包所在的目录,然后输入命令 java -jar jar包的名字.jar

然后项目就可以启动起来了,成功启动后在浏览器直接输入后端接口的地址就可以得到相应的数据了

但是这个时候如果关闭了xshell,项目就自动停止了,

运行这个命令,nohup java -jar jar包的名字.jar >temp.txt & ,项目就可以在后台启动,关闭xshell没有影响

7、前端项目部署到服务器

npm run build 把Vue打包成单页面的HTML

上传到 /usr/local/nginx/下 改名html,原来的html文件加直接删掉即可

注意:mysql用的3306端口,80端口,22端口,项目自定义的端口都要开放防火墙和设置安全组

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

失眠的树亚

你的鼓励是我最大的创作动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值