前端项目部署

最新推荐文章于 2025-10-17 22:41:11 发布
原创 最新推荐文章于 2025-10-17 22:41:11 发布 · 981 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ubuntu #nginx #服务器 #运维

本文介绍了如何通过FileZillaClient连接服务器并上传文件，以及利用Termius进行服务器重启，确保部署项目的生效。首先，通过FileZilla建立或修改配置文件，然后上传文件到指定服务器路径。如果部署未生效，可以使用Termius连接服务器并重启，最后在浏览器中查看结果。

一、连接服务器

这里使用的是FileZillaClient

 进入FileZillaClient连接服务器

二、建立或修改配置文件

建立配置文件，新部署项目需要建立配置文件，在相应路径下建立配置文件即可，如果是已经部署过的项目则根据需要考虑是否修改配置文件，如下：

 

三、上传文件

找到服务器上相应部署文件的路径，在该目录下新建相应目录来放置即将上传的文件，若是已经部署过的项目则只需找到相应的文件，然后上传文件时将新文件上传到同一位置就好。

 

部署完成后没生效可重启服务器。

这里使用termius连接服务器

然后进入浏览器输入相应地址就可以看到效果了

 

wwp+
关注
前端项目部署流程
qq_41709082的博客
10-28 3万+
前端项目部署流程 1.首先我们需要有一台服务器，这里我用的是阿里云ecs服务器。选择的服务器操作系统是linux，下面我们开始从0开始部署一个前端项目到服务器上。 步骤： 一、链接服务器 (1). 我们需要先在自己电脑链接上我们的服务器，我使用的是xshell工具。 # 通过ssh @root[ipaddress] 来链接你的服务器 #（将ipaddress替换成你服务器的公网IP地址） ssh @root[ipaddress] 二、部署一个简单的静态页面 登录成功之后，我们先来部署一个简单的html静态
前端项目部署指南，前端项目打包上线
weixin_47389477的博客
07-14 834
前端开发完项目，打包dist文件，一般情况下，把dist文件包交给运维，然后运维部署上线，这样确实没啥问题，但是小公司或者初创公司压根没有运维，可能后段也是二把手，这时，前端能进行线上部署，那你就牛逼了。
react-基于react搭建的前端框架商户中心部署文档
08-14
基于react搭建的前端框架（商户中心）部署文档
前后端系统上线发布完整指南
最新发布
weixin_45690427的博客
10-17 653
通俗解释：开发环境：就像在自己家里做饭（你的电脑），只有你自己能吃到生产环境：就像开餐厅（服务器），所有人都可以来吃上线（部署）是指将开发完成的项目从本地开发环境迁移到互联网服务器上，让全世界的用户都能访问使用。恭喜你！如果你完整地跟随本指南完成了部署，你的系统应该已经成功上线了。
前端的一些文档
12-14
前端打包部署，前端架构设计，前端项目Token的添加与置换，前端项目本地调试，微信支付开发文档。
前端项目上线部署
ylm1205625299的博客
10-23 3453
前端项目部署上线——本地部署与Nginx部署
基于Docker容器技术的Vue前端项目部署实践设计源码
09-28
在当今快速发展的IT行业，高效的前端项目部署流程对于缩短产品上市时间至关重要。本文将详细探讨基于Docker容器技术的Vue前端项目部署实践设计源码。本项目通过Docker容器化技术，将复杂的前端项目部署过程简化，...
Vue前端项目部署IIS的实现
10-15
本文将详细介绍如何将Vue前端项目部署到IIS。 首先，确保你的系统已经安装了IIS。如果没有，可以通过以下步骤开启： 1. 按`Win+R`打开运行对话框，输入`control`打开控制面板。 2. 在控制面板中选择“程序” -> ...
前端项目部署到Ngnix服务器上
yf15996280470的博客
06-29 670
该文章主要是介绍如何将前端项目打包并部署到Ngnix服务器上
前端项目的部署
hongzaoxin的博客
11-25 469
前端项目服务器部署 html 先在服务器上备份一个之前项目，创建一个文件夹用来做备份存储的位置 mkdir 2021-11-25 创建好后，将html项目 备份一个到2021-11-25这个文件夹内 cp -r ./html项目 ./2021-11-25 备份好后将修改过的项目上传到之前项目中的文件夹内 再到浏览器访问这个项目，如修改过后未生效，右击浏览器刷新按钮选择强制刷新即可 vue 首先先备份和上面一样，备份好后在将vue项目压缩 压缩好后项目中会多出一个dist文件夹..
部署前端项目
weixin_64684095的博客
07-10 1092
打开 Nginx 的配置文件，通常位于 /etc/nginx/nginx.conf 或 /etc/nginx/sites-available/default。购买服务器，选择 Linux 服务器，操作系统选择 CentOS，安装 Nginx，配置服务器指向项目的静态文件目录。| GitHub 完成部署后，会在“Pages”部分显示部署成功的链接，您可以通过该链接访问您的静态网站。| 在“Settings”（选项）选项卡中，找到“Pages”（页面）部分。| 选择要部署的分支（通常是 main 分支）。
前端部署项目
weixin_46483006的博客
07-13 1209
第一次运行nginx的时候，执行nginx，不是nginx-sreload。或者使用命令查看nginx版本号，出现版本号也代表安装成功。直接输入nginx即可启动服务，打开浏览器，访问服务器地址。修改nginx配置文件（注意修改完配置文件以后需要重启）假如文件路径为/home/www/dist。将打包好的文件放到/home/www路径下。服务器安装号nginx后，我们尝试启动它。（1）先查看服务器是否有nginx。（3）查看nginx安装目录。（2）安装nginx。......
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值