From 0d5a834041670d0094c64bfff1b2cb35d9f42616 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=B1=E5=A5=95=E5=B8=86?= <10181900245@stu.ecnu.edu.cn>
Date: Sun, 17 Jan 2021 12:02:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20'README.md'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 73 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 1538d7d..eb170b4 100644
--- a/README.md
+++ b/README.md
@@ -6,9 +6,9 @@
 ------
 tips1：镜像中的云主机root目录下包含的music-server、music-client、music-manage文件夹与码园中内容相同，其中music-server文件夹内容是该项目的后端代码，music-client、music-manage文件夹内容是该项目的前端代码，分别是用户页面和管理员页面
 
-tips2：镜像中的云主机已安装需要用到的环境
+tips2：镜像中的云主机已安装需要用到的环境，并已将数据表导入数据库
 
-1.更改防火墙设置：开放所有端口
+1.更改防火墙设置：开放所有端口(比较简单粗暴)
 
 2.在xshell中登录云主机，启动nginx服务
 ```
@@ -17,12 +17,81 @@ tips2：镜像中的云主机已安装需要用到的环境
 
 二、在本地打开music-client文件夹
 ------
-tips1：这一步的最终目的是打包成dist文件夹上传到云主机中
+tips1：这一步的最终目的是把前端music-client打包成dist文件夹上传到云主机中
 
 tips2：按理说也可以在云主机中进行打包，但我尝试了很多方法，云主机中打包总会error，所以先在本地打包，再上传到云主机
 
+tips3：我本地的node版本为12.18.3，npm版本为6.14.11
+
 1.修改`config/index.js`内容
 
-(1)在
+(1)修改下图中画出的三处，即将两个'/'改为'./'，将'localhost'改为云主机ip
+
+![Image text](http://gitea.shuishan.net.cn/10181900245/cloud-computing-finalproject/raw/branch/master/img-folder/%e5%b1%8f%e5%b9%95%e6%88%aa%e5%9b%be%202021-01-17%20111737.png)
+
+![Image text](http://gitea.shuishan.net.cn/10181900245/cloud-computing-finalproject/raw/branch/master/img-folder/2.png)
+
+2.修改`build/utils.js`内容
+
+(1)修改下图中画出的一处，即添加一行：`publicPath:'../../',`
+
+![Image text](http://gitea.shuishan.net.cn/10181900245/cloud-computing-finalproject/raw/branch/master/img-folder/3.png)
+
+3.修改`src/api/http.js`内容
+
+(1)修改下图中画出的一处，即将'localhost'改为云主机ip
+
+![Image text](http://gitea.shuishan.net.cn/10181900245/cloud-computing-finalproject/raw/branch/master/img-folder/4.png)
+
+4.修改`src/store/configure.js`内容
+
+(1)修改下图中画出的一处，即将'127.0.0.1'改为云主机ip
+
+![Image text](http://gitea.shuishan.net.cn/10181900245/cloud-computing-finalproject/raw/branch/master/img-folder/5.png)
+
+5.在music-client文件夹下执行如下命令
+
+(1)安装依赖
+```
+npm install --unsafe-perm --registry=https://registry.npm.taobao.org
+```
+(2)打包
+```
+npm run build
+```
+6.将生成的dist文件夹传到云主机的`/root/music`(使用xftp工具)
+
+此时浏览器访问云主机ip应该可以看到用户页面，但没有图片、音乐等数据
+
+三、在本地打开music-server文件夹
+------
+tips1：这一步的最终目的是把后端music-server打包成jar包上传到云主机中
+
+tips2：我本地的mvn版本是3.6.1
+
+1.修改`src/main/resources/application.properties`内容
+
+(1)修改下图中画出的一处，即将'localhost'改为云主机ip
+
+![Image text](http://gitea.shuishan.net.cn/10181900245/cloud-computing-finalproject/raw/branch/master/img-folder/6.png)
+
+2.修改`target/classes/application.properties`内容
+
+(1)与上一处改动一样，即将'localhost'改为云主机ip
+
+3.在music-server文件夹下执行如下命令
+
+(1)打包
+```
+mvn package
+```
+4.将`music-server/target`目录下生成的jar包(music-0.0.1-SNAPSHOT.jar)上传到云主机的`/root/music`(使用xftp工具)
+
+5.在云主机jar包所在目录下执行如下命令
+```
+nohup java -jar music-0.0.1-SNAPSHOT.jar &
+```
+6.将码园中资源文件的内容上传到云主机中jar包相同目录下
 
+此时浏览器访问云主机ip就可以看到正常的用户页面