本文是讲如何将vue脚手架前端跟springSSM框架后端上传至华为云服务器端进行使用

步骤一:

按要求配置华为云服务器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

步骤二:

1.在项目中所有的ajax中的url的localhost全部改成云服务器中的弹性公网IP地址

2.在vue项目的终端中输入npm run build生成一个dist文件
在这里插入图片描述

步骤三:

1.将上述的dist文件复制入spring项目中的/src/main/resource/static文件下,并且修改其中的href与src的路径

添加上dist/

2.在pom.xml文件中加上

<packaging>jar</packaging>

而后在右方Maven中的声明周期中选择package功能进行打包

在target文件下生成打包出来的jar包

在这里插入图片描述

步骤四:

使用xshell跟xftp

输入自己的弹性公网ip跟自己设置的用户名以及密码进行匹配

1.将步骤三中的jar包放入到xshell中的某个包中

比如:在/root下创建一个java文件夹然后放入其中

cd /root
mkdir -p java

2.使用Xftp将jdk文件放入这个目录下,然后使用 cd java, ls 命令查看其中是否有该文件,如果有就使用 tar -zvxf jar包名来解压,解压完毕之后会有蓝色文件

cd java
ls
tar -zvxf jar包名
ls

3.下载mysql数据库

下载mysql数据库
wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm
rpm -ivh mysql-community-release-el7-5.noarch.rpm
yum install mysql mysql-server mysql-devel -y --nogpgcheck
启动mysql
service mysqld start
查看mysql状态
service mysqld status
记住!!!!!!!!!!!!!!!!!!!!!!下载完毕之后一定要设置mysql密码
mysql -uroot
mysql>set password for 'root' @'host' = password('123')
然后就是配置数据库的操作了,其中的数据库名最好跟Navicat中的数据库名一样
mysql>create database 数据库名
mysql>show databases;
mysql>use  数据库名;
mysql>导入我们自己的Navicat中的sql语句
mysql>show tables;
mysql>exit

4.使用在java目录下使用 java -jar jar包名来启动项目
5.查看项目
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐