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

最新推荐文章于 2024-02-26 14:19:47 发布
VIP文章 最新推荐文章于 2024-02-26 14:19:47 发布
阅读量3.2k 收藏 18
点赞数 3
分类专栏： angular vue 前端 服务器 环境
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/come0across/article/details/97276881
版权

1.下载、安装xshell，xftp

https://www.netsarang.com/zh/xshell/
在这里插入图片描述
如果是自己用可已使用免费版的
在这里插入图片描述
在这里插入图片描述
填完之后在邮箱打开下载链接下载并安装

2.登录xshell

在这里插入图片描述
填写主机名之后点击“确定”
在这里插入图片描述
点击会话列表选项，点‘连接’
在这里插入图片描述
linux服务器一般用户名填写root，填写完成之后点‘确定’
在这里插入图片描述
填写密码，点‘确定’，登录xshell成功

3.登录Xftp

在这里插入图片描述
想直接连接就点击‘连接’按钮

最低0.47元/天 解锁文章
盼盼盼
关注
  • 3
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Vue-cli项目部署到Nginx服务器的方法
10-16
主要介绍了Vue-cli项目部署到Nginx服务器的方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
将vue项目传入到linux的部署nginx中
hongzaoxin的博客
06-17 308
1、win上创建 vue项目 vue create 项目名 》 2、然后打包vue项目 npm run build 》 3、连接Xftp 7 将win（左）传入 连接的虚拟机中（右）（在虚拟机的/usr/创建docker） 然后传入vue项目打好包 》 4、在虚拟机中 docker安装nginx 1、搜索nginx镜像：docker search nginx 2、拉取nginx镜像：docker pull nginx 3、运行nginx镜像生成nginx容器：docker run...
[nginx]代理前端项目打包文件(以vue打包文件为例)
最新发布
m0_56023096的博客
02-26 401
(4) nginx.exe -s reload 重载nginx服务，当你改变了nginx配置信息并需要重新载入这些配置时可以使用此命令重载nginx。（3）nginx.exe -s quit 关闭nginx服务，完整有序的停止nginx，并保存相关信息。（2）nginx.exe -s stop 关闭nginx服务，快速停止nginx，可能并不保存相关信息。（5）nginx -s reopen 重新打开日志文件命令。（1）start nginx 开启nginx服务。输入localhost:80访问。
将前端vue项目部署到服务器上（详细教程&各种bug解决办法）
wyhvivi的博客
12-22 3381
将前端vue项目部署到服务器上（详细教程&各种bug解决办法） 解决打包后页面空白，无法访问宝塔界面等问题，部署后页面500的问题。
【项目部署系列教程】4. 将Vue项目部署到远程服务器
朝阳39的博客
11-13 2124
1. 将Vue项目的部署包上传到远程服务器 通过 npm run build 打包vue项目后，得到 dist文件夹 方式一： 使用宝塔上传 登录宝塔，如下图，进入远程服务器的 /home文件夹后，点上传按钮，弹出上传文件弹窗 将dist文件夹拖入弹窗中，点击 开始上传 按钮 全部上传成功后，关闭弹窗，得到下图 方式二： 使用xftp上传 打开 xshell 连接上远程服务器后，点击 ‘新建文件传输’ 打开 xftp 窗口（也可以直接打开 xftp 软件...
linux系统如何部署前端项目
qq_48329942的博客
11-17 6278
文章目录前言二、tomcat服务器1.安装tomcat2.配置文件node.js服务器1.安装node.js2.运行前端包nginx服务器1.安装nginx2.修改配置文件 前言 在windows系统中，前端将代码打包后，可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上，而真正前端运行需要以服务器作为依托。前端包相当于鱼，而运行前端的服务器相当于鱼缸，今天我们来聊聊前端项目部署的几种方式 二、tomcat服务器 tomcat是一个http和servelt服务器，用户通过浏览器可以对t..
前端部署到服务器(xshell+xftp版)
qq_45625224的博客
04-28 1672
因为我们的后端已经在服务器上下载Nginx了，所以我们只需要简单的上传文件既可。
记录前端通过XShell和xftp发布版本
qq_29124867的博客
08-09 753
9、左侧找到build之后的dist文件夹，然后右击 【传输】或者直接拖文件到右侧即可。8、打开的界面如下，右侧直接映射到服务器上的/aa/bb/project 目录。3、在xshell新建会话，填写一个名称，主机填写堡垒机的IP地址。4、点击用户身份验证，输入用户名和密码，点击连接。6、敲命令映射到 /aa/bb/project目录。服务器上/aa/bb/project目录。5、连接成功，选择你所在的服务器环境。// 映射到该目录 cd。// 查看该目录下的文件。.........
Xshell个人版和学校版
不积跬步无以至千里，不积小流无以成江河
04-27 1056
https://www.netsarang.com/download/down_form.html?code=622
xshell 6评估已过期，xshell 6卸载不了等问题解决
林海静的博客
10-18 1万+
一、访问连接https://www.netsarang.com/download/down_form.html?code=622下载免费版 二、注意邮箱填写能收到邮件的 三、查看邮件，点击连接 四、点击红框进行下载 注意：如果用win系统下载可能会超级慢或者360会进行劫持，因为是.exe文件,360会默认为病毒文件。此时可手机查看邮件点击下载链接进行下载，下载完成后将安装包发送到电...
解决Xshell，Xftp评估期已过期
【CSDN】
05-27 7951
首先卸载已安装的Xshell，Xftp 分别进入Xshell，Xftp的下载页面https://www.netsarang.com/download/down_form.html?code=622https://www.netsarang.com/download/down_form.html?code=623 同样选中Evaluation user/Home & School user，并且将License type选为Home and school use，First Name和Last N
xshell5+xftp5
08-12
xshell5+xftp5，解压后安装即可。注意：千万不要升级！千万不要升级！千万不要升级！
java用docker在linux+tomcat+xshell+xftp部署前后分离项目（免费的，直接下载就行）.docx
01-13
基本命令，步骤
Linux远程连接工具Xshell+Xftp绿色永久版.zip
07-12
目前还可以绿化的xshell与xftp的组合。亲测可用。绿化了窗口4个限制。
linux服务器部署tomcat和Nginx的教程
01-10
　首先你得有一台可以玩的linux服务器，知道用户名和密码，然后你需要在windows电脑上安装两个可以连上linux服务器的工具，Xshell 5和Xftp 5，安装教程不多说，补图说明如何连上服务器： 　xshell连接界面如下，输入...
Xshell发布项目到linux服务器上
01-09
Xshell发布项目到linux服务器上 首先将项目打包，jar、war都可。 Idea eclipse也一样，点击项目->Run as->Maven install即可。 打包成功，在下面Installing中可以找到jar包 打开 如何下载网上有很多教程，这里不...
XShell+Xftp+nginx+默认配置
12-11
详情见博客：https://blog.csdn.net/qq_16497617/article/details/111039966
前端面试题及答案汇总
热门推荐
盼盼盼的博客
03-26 6万+
闭包是能够读取其他函数内部变量的函数要理解闭包，首先必须理解Javascript特殊的变量作用域闭包的特性：1.封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；2.持久性：一般的函数，调用完之后，系统会自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包依然存在。1.创建一个空对象，并且this变量引用该对象，同时还继承了该函数的原型。2.属性和方法被加到this引用的对象中。
angular6打包时报错 ERROR in src\app\user.component.html(14,31): : Expected 1 arguments, but got 0
盼盼盼的博客
05-14 9399
在用ng build --prod打包时报错 ERROR in src\app\user\change-phonenext\change-phonenext.component.html(14,31): : Expected 1 arguments, but got 0. 处理方法:查看函数是否传参 我的错误代码 ts文件 modifyPhone(number) { //函数中没有...
在windows10中安装Xshell和Xftp
09-15
2. 在官方网站上下载Xshell和Xftp的安装程序。 3. 双击下载的安装程序文件，打开安装程序。 4. 按照安装程序的指示，选择安装路径和其他设置选项。 5. 点击“下一步”以继续安装过程。 6. 一旦安装完成，点击“完成...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值