阿里云部署 Vue + SpringBoot 项目及采坑

阿里云部署 Vue + SringBoot 项目过程

1. 首先项目是前后端分离的，所以我们分开部署。
2. 后端：
   1. 因为SpringBoot项目打包之后测试用例无用，首先我们删除所有 test（或者在 pom.xml 中添加注释，打包忽略测试）。
   2. 依次执行以下两个由 maven 提供的功能（该方法由在 pom.xml 中 build 中提供，如果你没有的话可以搜索一下怎么添加）：
      
   3. 然后通过下列步骤找到打包的 jar 包
      
   4. 然后将其上上传到自己的阿里云服务器。路径自己定义（路径一般为 /home/XX（用户角色自己的文件夹）/web（一般将web项目单独放置一个文件夹/））。
   5. 注意：
      1. 后端数据库请使用已近配置好的线上服务器数据库。
      2. 打包之后，先在本地 jar 包目录下通过 java -jar 运行打包后的 jar 包，然后本地访问看是否有问题。
      3. Tomcat 启动必须由 java 环境。
3. 前端：
   1. 首先将 vue 项目在本地打包，通过 npm run build（在 Vue项目根目录下中的控制终端运行）。
   2. 打包之后会有一个 dist 文件夹，里面的 index.html 即为项目的首页。（打开为空白页面主要是生成的 index.html 文件中引用 css 和 js 文件的目录不对，可以手动打开 HTML 文件进行修改，但是接下来可能会发生图片加载错误的问题。也可以通过修改配置文件，修改文件的生成路径（本人脚手架搭建的项目未遇到））。
   3. 此时服务器需要一个 TomCat（自己下载解压，或者我稍后其他帖子会有讲述）。
   4. 到达 Tomcat 解压目录中的 bin 文件夹中，然后运行 ./startup.sh 即可开启Tomcat。
   5. 将其放到如下目录下（放到该目录下主要是为了方便访问，Tomcat 8080 默认自动访问 ROOT 文件夹）
      
   6. 通过访问你服务器 IP:8080/dist/index.html 即可访问页面。