springboot+vue项目部署到阿里云步骤

部署的相关内容：

1.后台Springboot
2.前台vue
3.vue打包部署到tomcat
4.springboot jar包启动
5.准备一台服务器
6.下载xshell或者xtrem用于连接服务器ip
7.下载xftp用于Windows给linux下传输文件

1.vue项目进行打包

1.获取后台数据的地址要进行改变

在这里插入代码片
```import axios from 'axios';

const instance=axios.create({
     
    baseURL:'http://服务器ip:springboot项目的端口',
    timeout:3000,

});

export default instance;

2.打包部署项目名称（我的是rent）

module.exports = {
     
    publicPath: process.env.NODE_ENV === 'production'
        ? '/rent/'
        : '/',

    devServer: {
     
        disableHostCheck: true
    }
}

3.利用 npm run build 进行打包部署，把生成的dist文件夹下面的内容，复制出来放到linux下的tomcat下的webapps下新创建一个文件夹rent，放在rent里面。

2.springboot项目进行package（修改数据库的ip连接到服务器）

server:
  port: 8081
spring:
  datasource:
    driver-class-name: com.mysql.jdbc.Driver
    username: root
    password: root
    url: jdbc:mysql://服务器ip:3306/数据库?characterEncoding=utf8&serverTimezone=Asia/Shanghai&useSSL=false

3.利用xshell，或者xtrem进行session连接到服务器的ip上

4.安装jdk，tomcat，mysql

参考linux文档傻瓜式按照步骤一步步进行安装就行（详细文档评论区找我要）

5.如果开启端口后依然无法访问，就要在服务器上再开放响应的端口（轻量级服务器在防火墙中，ESC在安全组中）

6.这三个安装成功后，把vue打包后dist文件夹中的内容丢到tomcat/webapps/rent中，然后在bin中使用命令 ./startup.sh启动tomcat

7.jar包直接丢到usr/local/java中，使用命令 java -jar 上传的项目名字 就可以启动项目

8.别忘了，项目的端口也要开放，否则获取不到后台数据

9. 项目持续部署的办法，就算ssh断开后项目依然能运行的办法

具体步骤点击这里

10，解决vue部署到tomcat后刷新出现404错误的办法

以目前我们这个项目就是在tomcat/rent中添加WEB-INF文件夹，里面创建web.xml文件，可以在windows下创建好并添加以下内容后再上传过去

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    version="3.1" metadata-complete="true">
    <display-name>Router for Tomcatdisplay-name>
    <error-page>
        <error-code>404error-code>
        <location>/index.htmllocation>
    error-page>
web-app>

11.重新启动tomcat就可以解决刷新页面后404的错误了