把项目部署到服务器的方法

1.首先确保电脑中有Xshell和Xftp

 Xshell和Xftp免费下载地址 : https://www.netsarang.com/zh/free-for-home-school/  
 (需要填写正确的邮箱地址,提交后发送下载地址到邮箱中)

2.前端

1.在当前项目文件夹下,运行cmd,执行以下命令

npm run build

2.运行成功后,打开项目,会生成一个dist文件夹
在这里插入图片描述

3.后端

1.将dist文件夹下的所有文件放到如下位置
在这里插入图片描述
2.更改配置文件
在这里插入图片描述
3.用maven进行打包
在这里插入图片描述
运行成功后出现以下内容说明打包成功
在这里插入图片描述
4.打包好后到target找到jar文件,放到方便找到的位置
在这里插入图片描述

3.部署项目到服务器

1.打开Xshell进行远程连接服务器,点击新建–>连接
在这里插入图片描述
点击用户身份验证,输入用户名和密码,点击连接
在这里插入图片描述
出现下图说明连接成功
在这里插入图片描述
.2.点击文件传输按钮,打开Xftp (确保已经安装了Xftp)
在这里插入图片描述
3.点击后进行以下操作
在这里插入图片描述
4.连接成功后出现以下界面,左边找到jar文件位置,右边进入root目录,双击jar文件,下面会出现传输进度等待传输完成
在这里插入图片描述
5.传输完成后回到Xshell,进入到root目录下

cd /root

查看目录下文件信息

ll

找到jar文件
在这里插入图片描述
运行jar文件

nohup java -jar lky_backend-1.0.jar > ./lky_backend.log &

出现下图则部署成功

在这里插入图片描述
6.部署完毕将本地项目有prod改为dev
在这里插入图片描述
7.在本地打开网页链接
http://212.64.34.49:8081/login
212.64.34.49 : 是服务器公网ip地址
8.日志查看

tail -200f lky_backend.log

9.导出数据库信息

mysqldump -u root -p 数据库名称 > 导出名称.sql
当您要将Vue项目部署服务器时,可以按照以下步骤进行操作: 1. 首先,确保您的服务器已经安装了Node.js和npm。您可以通过在终端中运行以下命令来检查它们是否已安装: ``` node -v npm -v ``` 如果命令返回版本号,则表示已安装。 2. 在您的本地Vue项目根目录下,使用以下命令构建项目: ``` npm run build ``` 这将在项目根目录下生成一个`dist`文件夹,其中包含了构建好的静态文件。 3. 将`dist`文件夹中的内容复制到您的服务器上的目标部署文件夹。您可以使用FTP、SCP或其他文件传输工具进行复制。 4. 确保您的服务器上已经安装了一个HTTP服务器(如Nginx或Apache)。如果没有,请根据您的服务器操作系统进行安装。 5. 配置HTTP服务器以将请求指向部署文件夹。例如,在Nginx中,您可以编辑服务器配置文件(通常是`/etc/nginx/nginx.conf`)并添加以下配置: ``` server { listen 80; server_name your_domain.com; root /path/to/your/deploy/folder; location / { try_files $uri $uri/ /index.html; } } ``` 将`your_domain.com`替换为您的域名或服务器IP地址,将`/path/to/your/deploy/folder`替换为您的部署文件夹的路径。 6. 保存并退出配置文件后,重新启动HTTP服务器以使更改生效。 7. 现在,您可以通过在浏览器中访问您的服务器域名或IP地址来查看部署的Vue项目。 请注意,这只是一种简单的部署方法,具体操作可能会因您的服务器环境和需求而有所不同。如果您有特定要求或遇到问题,可以提供更多细节以便我们提供更准确的帮助。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值