华为云项目部署

本文详细介绍了如何将Vue前端与Spring SSM后端项目部署到华为云服务器的过程,包括配置服务器、修改项目URL、打包Vue项目、整合静态资源、打包Java项目、安装MySQL、启动应用等关键步骤,旨在帮助开发者实现云端部署。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本文是讲如何将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.查看项目
在这里插入图片描述

### 如何在华为云服务器上进行项目部 #### 1. 准备工作 在开始部之前,需要确保已创建并启动了一个华为云服务器实例。可以通过华为云控制台查看当前运行中的实例状态[^1]。 #### 2.环境搭建 为了支持项目的正常运行,通常需要先安装必要的软件包和服务工具。例如,在基于 openEuler 的操作系统中可以使用 `apt` 或者 `yum` 来完成 Python 和其他依赖项的安装: ```bash sudo apt-get update && sudo apt-get install python3-pip -y pip3 list ``` 如果需要额外的库,则可通过 pip 工具来实现安装操作,比如下面的例子展示了如何安装核心 API 库[^3]: ```bash pip install coreapi ``` 对于 CentOS 类型的操作系统,推荐采用 yum 进行基础组件的获取与设置: ```bash yum install -y wget wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec ``` 执行上述脚本之后,大约经过一分钟左右的时间即可完成自动化安装流程,并提供初始访问凭证以便进一步调整配置参数[^5]。 #### 3. 文件传输至远程主机 当本地开发完毕后,需将构建好的应用程序或者静态资源文件上传到云端服务器当中去。这里介绍两种常见的方法之一即利用图形界面客户端 XFTP 实现便捷的数据交换过程[^4]: - 下载并安装好官方提供的试用版程序; - 创建新的连接会话指向目标地址以及端口号等基本信息; - 将打包后的 dist 文件夹拖拽进去对应目录位置处; 另外还有一种方式就是借助命令行下的 SCP 功能直接复制过去: ```bash scp -r /path/to/local/folder username@remote_host:/destination/path/ ``` #### 4. Nginx 及 Web Server 设置 针对前后端分离架构的应用场景来说,合理地设定反向代理规则至关重要。以 OpenResty/Nginx为例说明其基本语法结构如下所示[^2]: ```nginx server { listen 80; server_name localhost; location / { root html; index index.html index.htm; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } ``` 最后记得重启服务使更改生效: ```bash systemctl restart nginx.service ``` #### 5. 域名解析绑定 为了让外部能够顺利访问内部托管的服务内容,还需要做好 DNS 解析的工作环节。具体步骤可参照相关文档指引完成添加 A 记录指向实际 IP 地址的动作。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值