【ECS初体验】部署Vue静态项目

本文涉及的产品
云服务器 ECS,每月免费额度200元 3个月
云服务器ECS,u1 2核4GB 1个月
简介: 第一次使用云服务器,部署一个静态项目.

一、自我介绍

软工大三菜鸟,由于兴趣和项目需要等多方原因需要接触云服务器。通过同学介绍才知道竟然可以白嫖到两个星期的阿里云服务器,新手刚上路,写篇笔记记录一下在阿里云上部署的第一个静态网页的部署。

二、使用云服务器部署项目

一、获得一个服务器并配置

  1. 远程登录服务器

    使用远程连接工具Xshell新建会话,填写自己服务器的ip、用户名、密码等信息登录服务器,成功效果如下。

    image-20211105203310751

  2. 安装宝塔面板

    进入宝塔官网,选择服务器对应的系统安装宝塔面板,我是Ubuntu系统所以使用下面的命令

    // Ubuntu系统安装宝塔命令
    wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

    其他系统命令详见宝塔官网:https://www.bt.cn/bbs/thread-19376-1-1.html

  3. 配置安全组

    在服务器面板配置安全组,放行8888端口,登录宝塔界面。

    image-20211105231529819

image-20211105231631997

二、打包Vue项目

打开要部署的项目文件,执行打包命令

num run build

在根目录下将dist文件夹压缩

image-20211105232251651

三、创建网站并部署

  1. 在宝塔面板新建网站,添加站点,将服务器ip地址添加进去

    image-20211105232004800

  2. 进入站点,删除默认文件
  3. 将打包好的dist文件夹上传并解压到站点根目录下

    image-20211105232144219

  4. 在浏览器输入ip地址查看自己的项目

    image-20211105232613157

三、使用收获

非常惊喜的一次体验,很方便就配置好了服务器的各个设置,把自己写的界面部署服务器端了,对于新手来说非常友好了。但是没能把mysql数据库还有其他的一些配置一起弄好还是挺遗憾的,希望下一次发文章能部署一个vue+springboot的前后端分离项目吧。

相关实践学习
一小时快速掌握 SQL 语法
本实验带您学习SQL的基础语法,快速入门SQL。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
相关文章
|
1天前
|
JavaScript
Vue 如何新建一个项目(如何安装依赖)
Vue 如何新建一个项目(如何安装依赖)
7 0
|
6天前
|
Java 应用服务中间件 Linux
在阿里云服务器上部署Tomcat详细图文详解
本文介绍了在阿里云服务器上安装和配置JDK和Tomcat的步骤。首先,需要注册阿里云账号并进行实名认证,然后购买并设置服务器。接着,通过File Zilla连接服务器,创建Java和Tomcat的安装目录,并将JDK和Tomcat的tar.gz文件上传到服务器,解压并重命名。之后,配置JDK的环境变量,将catalina.sh复制到/etc/init.d/目录下,并修改相关配置。最后,启动Tomcat并配置安全组规则,确保可以通过公网访问。
|
6天前
|
弹性计算 Java Linux
阿里云服务器搭建部署宝塔详细流程
该内容是一个阿里云服务器和域名的配置指南。首先,需注册阿里云账号并进行企业实名认证。接着,选购服务器如2核2G1兆的Linux系统,并购买域名。完成域名备案后,进行域名解析和ICP备案。然后,通过远程连接登录服务器,重置密码,安装宝塔面板。在安全组中开启宝塔面板随机生成的端口。最后,登录宝塔面板安装LNMP环境,配置数据库如MySQL和Redis,部署JDK、Tomcat,上传前端和后端项目以实现上线。
|
7天前
|
弹性计算 JavaScript Java
阿里云服务器搭建部署宝塔详细流程
以下是内容的摘要: 本文主要介绍了在阿里云上创建和配置服务器环境的步骤,包括注册阿里云账号、实名认证、购买和设置服务器、域名的获取与备案、以及使用宝塔面板安装和配置环境。首先,用户需要注册阿里云账号并进行实名认证,选择合适的服务器配置。接着,购买服务器后,要准备并备案域名,以便通过友好的网址访问网站。在服务器上安装宝塔面板,可以方便地管理和配置LAMP/LNMP/Tomcat/Node.js等应用环境。完成这些步骤后,用户还需要在宝塔面板中安装MySQL、Redis等数据库,部署Java或Vue项目,并配置相关端口。最后,将前端项目打包上传至服务器,并设置站点,即可实现网站的上线。
|
7天前
|
应用服务中间件 Linux 开发工具
如何在阿里云服务器快速搭建部署Nginx环境
以下是内容的摘要: 本文档主要介绍了在阿里云上购买和配置服务器的步骤,包括注册阿里云账号、实名认证、选择和购买云服务器、配置安全组、使用Xshell和Xftp进行远程连接和文件传输,以及安装和配置Nginx服务器的过程。在完成这些步骤后,你将能够在服务器上部署和运行自己的网站或应用。
|
8天前
|
JavaScript
vue3+vite项目配置ESlint
vue3+vite项目配置ESlint
12 0
|
8天前
|
JavaScript
Vue项目使用bpmn预览流程图
Vue项目使用bpmn预览流程图
10 0
|
8天前
|
JavaScript
vue项目使用可选链操作符编译报错问题
vue项目使用可选链操作符编译报错问题
14 0
|
8天前
|
JavaScript
Vue项目启动报错处理
Vue项目启动报错处理
9 1
|
9天前
|
NoSQL 关系型数据库 MySQL
阿里云服务器部署项目流程
本文主要讲解阿里云服务器的部署,如何选择配置等