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

最新推荐文章于 2024-05-19 17:46:20 发布
最新推荐文章于 2024-05-19 17:46:20 发布
阅读量4.9k 收藏 29
点赞数 5
分类专栏： 整理 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45484574/article/details/108383490
版权
引言

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

步骤
step1

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

step2

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

step3

在如下图 连接—>用户身份验证 处填写用户名和密码,便连接成功

最低0.47元/天 解锁文章
Carla卡拉伊
关注
  • 5
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
在linux服务器上安装xshell、xftp、nginx，部署前端打包的dist项目
盼盼盼的博客
07-26 3296
1.下载、安装xshell，xftp https://www.netsarang.com/zh/xshell/ 如果是自己用可已使用免费版的 填完之后在邮箱打开下载链接下载并安装 2.登录xshell 填写主机名之后点击“确定” 点击会话列表选项，点‘连接’ linux服务器一般用户名填写root，填写完成之后点‘确定’ 填写密码，点‘确定’，登录xshell成功 3.登录Xftp ...
(新手向)从零开始将springboot项目部署到云服务器（ecs）上
01-09
最近用springboot写了一个个人博客项目，正好之前趁着活动免费领取了一个阿里云的云服务器ecs，于是准备把项目部署到服务器上。对于我这种纯新手来说，部署过程可谓是踩坑无数,好在最后还是成功了。  这里跟大家...
Xshell发布项目到linux服务器上
01-09
Xshell发布项目到linux服务器上 首先将项目打包，jar、war都可。 Idea eclipse也一样，点击项目->Run as->Maven install即可。 打包成功，在下面Installing中可以找到jar包 打开 如何下载网上有很多教程，这里不在赘述。 点击左上角的新建按钮 选择协议，输入ip，端口。 点击红色箭头，勾选中Xmanager 成功连接后，点击新建文件传输 出现如下界面后，在左面找到要上传的文件，右边找到要放的路径，将文件拖过去。 之后在文件路劲处，java -jar XXX.jar即可，XXX为jar包名称。 war包，放在tomcat下自
【第一篇】Xshell连接服务器部署前后端项目(连接服务器）
blog
01-08 555
利用Xshell连接服务器部署前后端项目
前端将项目部署到服务器(Nginx)的完整步骤
故里的博客
04-25 726
前端将项目部署到服务器(Nginx)的完整步骤
2024，了解云原生技术栈收藏这一篇就够了（附学习笔记）
2301_79054215的博客
04-26 314
本人现在工作中负责云原生服务管理平台的研发（主要管理各类云原生基础设施，平台服务和第三方托管应用），但即便如此，常被问起云原生是什么时，我也很难简洁的向人表述清楚，导致自我也经常问一遍，云原生究竟是什么，我又在做什么。
前端项目部署，阿里云服务器部署前端项目，超详细
热门推荐
weixin_43239880的博客
03-10 1万+
作为一个前端，特别身处于中小公司时，对于部署也需要有所了解。本次就介绍前端基础的项目部署。本次使用的是阿里云服务器进行的部署。
用Xshell部署项目到云服务器常用命令
哈密瓜布丁的博客
09-02 428
在后台执行 root 目录下的 runoob.sh 脚本，并重定向输入到 runoob.log 文件。把/home目录下面的data.zip解压到databak目录里面。运行SpringBoot项目jar包的命令。查找到 nohup 运行脚本到 PID。关闭xshell，项目也一直运行。为运行vue项目分配权限。强制删除文件夹或目录。上传本地文件到服务器。从服务器下载整个目录。unzip 压缩包名。
xshell部署web项目_前端轻量化部署脚手架实践
weixin_39605278的博客
11-03 396
背景传统的前端代码手工部署流程如下：传统的手工部署需要经历：1.打包，本地运行npm run build打包生成dist文件夹。2.ssh连接服务器，切换路径到web对应目录下。3.上传代码到web目录，一般通过xshell或者xftp完成。传统的手工部署存在以下缺点：1.每次都需要打开xshell软件与服务器建立连接。2.当负责多个项目且每个项目都具有测试环境和线上环境时，容易引起部署错误。（个...
xshell.xftp.nginx 部署前端项目
duanyuehuan
10-25 1205
一.安装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 565
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）。但是这种方式启
Linux / Windows环境下，用Xshell7+Xftp7+docker自动部署SpringBoot项目详细教程
Coder_Cola的博客
09-03 1224
Linux / Windows环境下，用Xshell7+Xftp7+docker自动部署SpringBoot项目详细教程，看这一篇就够了！
Vue.js项目部署到服务器的详细步骤
12-12
前言 　最近做完了一个项目，Vue.js ...将项目打包成 dist 文件，这里我需要跨域请求一些数据，还写了一个小型服务器， app.js 放到 dist 文件夹 同级目录。 Xshell 因为基友的是 centos 的服务器，所以用 xshell 的话
服务器搭建及项目部署.docx
05-28
在本文中，我们将从项目完工到项目部署到服务器的整个过程进行阐述。该过程包括服务器搭建、项目部署、MYSQL 安装、JDK 安装、Tomcat 安装等步骤。 服务器搭建 首先，我们需要购买服务器，并选择合适的 Linux 系统...
零基础学Xshell安装及与服务器建立连接过程
04-01
1. 在使用Xshell进行远程服务器管理时，请确保安装了相应的服务器软件，如SSH服务器。 2. 在首次使用时，可以参考Xshell的官方文档或在线教程，了解更多的功能和快捷键。 3. 学习远程服务器管理是一个持续的过程，...
记录前端通过XShell和xftp发布版本
qq_29124867的博客
08-09 795
9、左侧找到build之后的dist文件夹，然后右击 【传输】或者直接拖文件到右侧即可。8、打开的界面如下，右侧直接映射到服务器上的/aa/bb/project 目录。3、在xshell新建会话，填写一个名称，主机填写堡垒机的IP地址。4、点击用户身份验证，输入用户名和密码，点击连接。6、敲命令映射到 /aa/bb/project目录。服务器上/aa/bb/project目录。5、连接成功，选择你所在的服务器环境。// 映射到该目录 cd。// 查看该目录下的文件。.........
【第三篇】Xshell连接服务器部署前后端项目(部署前端）
blog
01-12 742
打印出来一串端口代码，打印出来可以看到这里的80端口被nginx占用了，我们需要的是这一串代码的最后一项，也就是。端口地址已被使用,nginx默认端口是80，执行命令，查询端口占用情况。就会提示你：Welcome to nginx!（5347是这个进程的PID），就可以结束这个进程，释放。就会显示你上传服务器的内容啦！安装成功啦，默认端口是。
阿里云+Xshell部署前端项目，从准备工作到部署成功，亲测详解，小白友好型
最新发布
Zrf2191318455的博客
05-19 995
使用阿里云服务器+Xshell+Xftp实现将html页面或打包后的项目部署到服务器上，实现可以在不同电脑的浏览器上访问该html页面或项目。注：同一种方法并不一定适合所有情况，该情况可作为一种尝试。
前端部署到服务器(xshell+xftp版)
qq_45625224的博客
04-28 1756
因为我们的后端已经在服务器上下载Nginx了，所以我们只需要简单的上传文件既可。
xshell部署前端项目
06-06
### 回答1： Xshell是一款远程连接工具，可以用来连接服务器，部署前端项目需要先将前端代码上传到服务器，然后在服务器上安装Node.js环境和相关依赖，最后启动项目。具体步骤如下： 1. 将前端代码上传到服务器，可以使用FTP工具或者命令行上传。 2. 在服务器上安装Node.js环境，可以使用以下命令安装： ``` sudo apt-get update sudo apt-get install nodejs ``` 3. 安装npm包管理器，可以使用以下命令安装： ``` sudo apt-get install npm ``` 4. 在项目根目录下执行以下命令安装项目依赖： ``` npm install ``` 5. 执行以下命令启动项目： ``` npm start ``` 6. 在浏览器中访问服务器IP地址和端口号，即可查看部署的前端项目。 以上就是使用Xshell部署前端项目的步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值