关于前端项目部署到阿里云服务器

最新推荐文章于 2024-05-19 17:46:20 发布
最新推荐文章于 2024-05-19 17:46:20 发布
阅读量3.1k 收藏 28
点赞数 1
文章标签： html nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vivoom/article/details/117028060
版权

关于前端项目部署到阿里云服务器

1.获取项目中打包后的dist文件夹

yarn build / npm run build //打包前端文件，生成dist文件夹

2.本地电脑连接远程阿里云服务器

在这里插入图片描述

3.在计算机后面的输入框中，输入您的云服务器的外网IP地址，然后单击 连接

在这里插入图片描述

4.输入您云服务器的用户名和密码即可登录

在这里插入图片描述
在这里插入图片描述

5.在服务器上安装nginx，打开nginx文件，找到html文件夹并把dist文件夹下的资源放

最低0.47元/天 解锁文章
vivoom
关注
  • 1
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端项目部署，阿里云服务器部署前端项目，超详细
weixin_43239880的博客
03-10 1万+
作为一个前端，特别身处于中小公司时，对于部署也需要有所了解。本次就介绍前端基础的项目部署。本次使用的是阿里云服务器进行的部署。
[详细教程]SpringBoot+Vue前后端分离项目部署到阿里云服务器
摸魚的猫博客
07-20 6743
Springboot+Vue前后端分离项目的部署
阿里云+Xshell部署前端项目，从准备工作到部署成功，亲测详解，小白友好型
最新发布
Zrf2191318455的博客
05-19 1063
使用阿里云服务器+Xshell+Xftp实现将html页面或打包后的项目部署到服务器上，实现可以在不同电脑的浏览器上访问该html页面或项目。注：同一种方法并不一定适合所有情况，该情况可作为一种尝试。
vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
subsistent的博客
03-24 1035
终端进入到项目根目录，执行 npm run build，对项目进行打包，打包成功显示如下，打包完成后在根目录下会生成一个 build 的文件夹（如果是vue项目，会生成 dist 文件夹），部署就是将 build 或者 dist 文件夹里的内容放在公网上。在本地创建项目的配置文件，cookbook.conf 文件（内容如下），将项目的配置文件，上传到 /etc/nginx/conf.d 目录下。启动成功后，在浏览器中访问项目，项目页面和接口数据都可以正常访问，就算退出与服务器的连接，也不影响项目的访问。
阿里云服务器+nginx部署前端项目的全部流程
dekuyu blog
07-03 2224
阿里云服务器+nginx部署前端项目的全部流程
项目部署至阿里云服务器完成上线（全程详解，看这一篇就够了）
tianyhh的博客
04-15 2595
把前后端项目部署到阿里云服务器，包含后端node，php，go，java语言，包含前端，React，Vue 框架
项目上线 阿里云服务器部署LAMP环境
05-01
非原创，阿里云服务器部署 LAMP环境 项目上线，亲测有用。慢慢摸索肯定能搞成。在此祝各位兄台事业顺利。
阿里云云服务器部署+项目上线.html
09-07
阿里云云服务器部署+项目上线
Face++人脸识别项目前端采用android实现，后端采用JAVA，部署阿里云服务器可用毕设.zip
09-27
该项目是一个基于Face++的人脸识别系统，其前端利用Android技术进行开发，而后端则采用Java语言，整体架构设计为客户端-服务器模式，并已部署在阿里云服务器上，适合于毕业设计或类似的项目实践。以下是对这个项目的...
apiapp：在阿里云上部署express项目练习
02-18
学习计划二：1购买树莓派电脑2安装配置计算机环境3学习Linux操作系统相关知识（命令以及简单原理）4学习Python基础知识以及框架5利用Python写一个Web应用并部署到云服务器6了解Python的其他应用可能性 学习计划三：1...
基于tensorflow的水果识别小程序，前端采用uni-app框架，后端采用django框架部署在阿里云服务器上.zip
03-27
本项目聚焦于一个实用的案例——基于TensorFlow的水果识别小程序，通过前端的uni-app框架与后端的Django框架，构建了一个部署在阿里云服务器上的应用。 首先，我们要理解TensorFlow。TensorFlow是由Google Brain...
如何快速搭建自己的阿里云服务器（宝塔）并且部署springboot+vue项目（全网最全）
Java&Develop的博客
01-14 6668
对于新手或者学生党来说，有时候就想租一个云服务器来玩玩或者练练手，duck不必花那么多钱去租个服务器。这些云服务厂商对学生和新手还是相当友好的。下面将教你如何快速搭建自己的阿里云服务器，完成云服务器的部署。
centOS+nodejs+mysql阿里云部署前后端个人网站
SaRAku的博客
01-30 1256
centOS+nodejs+mysql阿里云部署前后端个人网站
从零开始部署前端项目到阿里云windows服务器
蛋蛋老公的博客
12-28 2190
1、进入阿里云官网购买服务器 https://ecs.console.aliyun.com/#/home 购买好服务器后在左边实例中可以看到我们购买的服务器。 2、打开cmd连接实例上的公网ip 进入购买的服务器的windows操作系统。 3、安装nginx http://nginx.org/en/download.html 安装windows稳定版 4、下载下来后直接解压 打开文件nginx-1.20.2 在此路径下打开cmd。输入启动Nginx命令： start nginx 如果窗口闪一
SpringBoot项目前后端分离部署到阿里云(前端)
andaying的博客
03-04 2161
前端html页面我是打算用apache服务器运行 下载apache 在Xshell输入代码 yum install httpd httpd-devel 输入y确认 启动并且验证 service httpd start service httpd status 配置apache文件 1.找到apache的配置文件apache2.conf cd /etc/apache2 vim apach...
前端代码上传到阿里云服务器上（OSS）
热门推荐
坤音女孩的博客
12-13 1万+
1.登录阿里云服务器–点击控制台–点击左侧栏的对象存储OSS 2.点击对象存储OSS–新建Bucket （新建Bucket–填写Bucket名称–选择区域–选择存储类型–选择读写权限） 3.点击对象存储OSS–选择刚新建的Bucket–概览–复制Bucket域名发给后台，后台添加子域名 4.点击CDN–域名管理–点击后台已添加的域名进行配置：CNAME、类型、地址（Bucket 域名）、回...
vue项目部署到阿里云上详解（一次详细的部署）
qq_30108237的博客
05-13 4666
首先，买一台云服务器是必要的，我使用的是阿里云服务器CentOS 7.4 64位操作系统。 在整个vue-cli项目上线过程中，我遇到了很多问题。不过，最终圆满解决了，因此在这里记录一下。 遇到的问题： 云服务器连接 vue项目打包上线 nginx安装配置 本地json数据无法访问 vue路由页面无法访问 一、使用Xshell连接云服务器 1、百度下载一个Xshell+Xftp6并安装。 2、打开Xshell,建立与远程服务器的连接 注意：上图的主机就是阿里云上创建的实例的公网ip 3、配置好主机后点
如何把前端项目部署在阿里轻量应用服务器
03-25
你可以使用以下步骤将前端项目部署在阿里轻量应用服务器上： 1. 在阿里云上创建一个轻量应用服务器实例，选择适合你的配置和操作系统。 2. 使用 SSH 登录到服务器，安装 Node.js 和 Nginx。 3. 将前端项目打包成...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值