使用Xshell将前端项目部署到服务器

最新推荐文章于 2025-02-20 15:13:17 发布

Carla卡拉伊

最新推荐文章于 2025-02-20 15:13:17 发布

阅读量5.3k

点赞数 5

分类专栏：整理文章标签： vue

本文链接：https://blog.csdn.net/weixin_45484574/article/details/108383490

版权

本文介绍了如何使用Xshell将Vue项目部署到服务器，包括新建连接、配置主机信息、用户身份验证、连接服务器、切换目录、删除旧文件、上传新文件、解压并重启服务的过程。

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

引言

以前项目用到过Xshell把项目部署到服务器，当时是后端已经配置好了，我只需把项目打包发布

步骤

step1

启动Xshell后，点击如下新建
在这里插入图片描述

step2

把名称、主机、端口号填好
在这里插入图片描述

step3

在如下图连接—>用户身份验证处填写用户名和密码,便连接成功
在这里插入图片描述

step4

连接成功后，进入如下页面
在这里插入图片描述

输入命令 ls ，列出目录内容
~输入命令 cd usr/local/nginx/vue（路径是需要部署到的位置）到需要部署的目录下就可以开始上传了
vue

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Carla卡拉伊

关注关注

5
点赞
踩
29

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

xshell部署项目到服务器,xshell项目部署

weixin_42308644的博客

08-05

2833

1：下载xshell，连接远程的阿里服务器2：连接成功后要部署自己的环境Ubuntu安装python 3. 7： 1：https://www.cnblogs.com/pengmn/p/12905723.html安装MysqL 2：http://www.mamicode.com/info-detail-2182600.html安装虚拟环境 3：https://blog.csdn.net/qq_416...

在linux服务器上安装xshell、xftp、nginx，部署前端打包的dist项目

盼盼盼的博客

07-26

3371

1.下载、安装xshell，xftp https://www.netsarang.com/zh/xshell/ 如果是自己用可已使用免费版的填完之后在邮箱打开下载链接下载并安装 2.登录xshell 填写主机名之后点击“确定” 点击会话列表选项，点‘连接’ linux服务器一般用户名填写root，填写完成之后点‘确定’ 填写密码，点‘确定’，登录xshell成功 3.登录Xftp ...

1 条评论您还未登录，请先登录后发表或查看评论

前后端项目部署服务器（传统部署和Docker部署）

最新发布

m0_66689823的博客

02-20

1977

开发环境连外网（8.140.26.187），测试/生产环境连内网（172.20.59.17）内外网地址不同，但指定的库是同一个。

xshell部署web项目_前端轻量化部署脚手架实践

weixin_39605278的博客

11-03

474

背景传统的前端代码手工部署流程如下：传统的手工部署需要经历：1.打包，本地运行npm run build打包生成dist文件夹。2.ssh连接服务器，切换路径到web对应目录下。3.上传代码到web目录，一般通过xshell或者xftp完成。传统的手工部署存在以下缺点：1.每次都需要打开xshell软件与服务器建立连接。2.当负责多个项目且每个项目都具有测试环境和线上环境时，容易引起部署错误。（个...

xshell.xftp.nginx 部署前端项目

duanyuehuan

10-25

1517

一.安装xshell xftp. 新建会话输入用户名密码连接成功后安装nginx 1.环境安装 yum install gcc-c++ yum install -y pcre pcre-devel yum install -y zlib zlib-devel yum install -y openssl openssl-devel 2.安装包 wget -c https://nginx.org/download/nginx-1.12.0.tar.gz 3.解压 tar -zxvf nginx-1.12

Xshell 前端安装以及使用

agua001的博客

12-27

741

1、下载xshell https://xshell.en.softonic.com/ 2、下载完成，点击安装，安装完成运行xshell新建会话，输入服务器地址、端口号、名称，点击新建会话，弹出： 3、找到项目目录： public的上一层 cd /data/WebPC // 定位到此目录回退命令： ../ 4、Port 8888 is already in use 端口被占用，其它地方已启动了，停止了就可以启动了，node bin/www证明启动成功（关闭：Ctrl + c）。但是这种方式启

xshell部署前端代码

Giraffe0615的博客

11-20

321

阿里云服务器+宝塔面板+xshell+本地项目部署到服务器（ruoyi）（java）

weixin_60170500的博客

07-19

973

宝塔面板下载，免费全能的服务器运维软件。

阿里云+Xshell部署前端项目，从准备工作到部署成功，亲测详解，小白友好型

Zrf2191318455的博客

05-19

1846

使用阿里云服务器+Xshell+Xftp实现将html页面或打包后的项目部署到服务器上，实现可以在不同电脑的浏览器上访问该html页面或项目。注：同一种方法并不一定适合所有情况，该情况可作为一种尝试。

【第三篇】Xshell连接服务器部署前后端项目(部署前端）

blog

01-12

1038

打印出来一串端口代码，打印出来可以看到这里的80端口被nginx占用了，我们需要的是这一串代码的最后一项，也就是。端口地址已被使用,nginx默认端口是80，执行命令，查询端口占用情况。就会提示你：Welcome to nginx!（5347是这个进程的PID），就可以结束这个进程，释放。就会显示你上传服务器的内容啦！安装成功啦，默认端口是。

Linux / Windows环境下，用Xshell7+Xftp7+docker自动部署SpringBoot项目详细教程

Coder_Cola的博客

09-03

1541

Linux / Windows环境下，用Xshell7+Xftp7+docker自动部署SpringBoot项目详细教程，看这一篇就够了！

用Xshell部署项目到云服务器常用命令

哈密瓜布丁的博客

09-02

496

在后台执行 root 目录下的 runoob.sh 脚本，并重定向输入到 runoob.log 文件。把/home目录下面的data.zip解压到databak目录里面。运行SpringBoot项目jar包的命令。查找到 nohup 运行脚本到 PID。关闭xshell，项目也一直运行。为运行vue项目分配权限。强制删除文件夹或目录。上传本地文件到服务器。从服务器下载整个目录。unzip 压缩包名。

记录前端通过XShell和xftp发布版本

qq_29124867的博客

08-09

975

9、左侧找到build之后的dist文件夹，然后右击【传输】或者直接拖文件到右侧即可。8、打开的界面如下，右侧直接映射到服务器上的/aa/bb/project 目录。3、在xshell新建会话，填写一个名称，主机填写堡垒机的IP地址。4、点击用户身份验证，输入用户名和密码，点击连接。6、敲命令映射到 /aa/bb/project目录。服务器上/aa/bb/project目录。5、连接成功，选择你所在的服务器环境。// 映射到该目录 cd。// 查看该目录下的文件。.........

前端部署到服务器(xshell+xftp版)

qq_45625224的博客

04-28

2268

因为我们的后端已经在服务器上下载Nginx了，所以我们只需要简单的上传文件既可。

使用Xshell实现项目部署

weixin_43254676的博客

04-29

4698

使用XShell部署前端项目

日常小记：使用xshell将项目部署到远程服务器上

Seraphim_Fly的博客

03-27

2454

使用xshell部署项目到远程服务器上先贴个连接，找到的一个xshell中的常用命令，挺全的已经可以直接点进去看 xshell-常用命令个人使用经验先下个xshell的客户端，这个没什么说的，官网或者别的什么地方都有，很容易找到，安装的时候选择家庭版就好。因为我的是前辈直接给了.xsh的文件，就没有新建会话，这里我说一下这个怎么用。打开xshell，点击左上角文件->打开，会

原来web前端部署这么简单，进来看看

fefdfg的博客

12-07

1136

有个朋友说前端技能大家大部分都会，就是部署项目这一块经验都比较稀缺，一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程，感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。

Xshell的安装与使用，向云服务器上传文件

Willona_C的博客

03-19

4009

半年前就买了云服务器，今天想更新网页，发现完全忘了怎么上传文件到服务器，又因为中间重装了几次系统，也不记得用什么工具上传到服务器。还是记录一下吧～首先是下载Xshell。这一部比较简单，找到官网的下载界面（http://www.netsarang.com/download/main.html）上有免费的版本，是提供给家庭和学校使用的。填一下相关信息，就会收到有下载链接的邮件。安装过

微服务后端部署+前端部署实践

yuanchangliang的博客

10-11

2173

我的微服务项目断断续续也有一年了，还没上过线，之前尝试过很多次，总是遇见各种问题，最后跌跌撞撞还是部署上去了。一、前言与其说这是知识分享，不如说是我的部署掉坑记录，所以很多坑都是独属于我的项目的，可能对其他人的参考性不大，所以这必然不会是一篇普适性强的的教学博客，而是纪录博客。这篇博客的主要作用是为了方便我自己以后参考。我的这个微服务项目本来刚开始架构的时候设计了非常多的模块，但是随着写着写着，发现可以没必要一步到位，先定义最基本的模块就行，其他非必要模块可以后面慢慢加，毕竟作为一个初学者，一步到.

xshell部署前端项目

06-06

Xshell是一款远程连接工具，可以用来连接服务器，部署前端项目需要先将前端代码上传到服务器，然后在服务器上安装Node.js环境和相关依赖，最后启动项目。具体步骤如下： 1. 将前端代码上传到服务器，可以使用FTP...