基于阿里ECS云主机搭建Vuejs工程

最新推荐文章于 2025-09-18 20:25:07 发布
原创 最新推荐文章于 2025-09-18 20:25:07 发布 · 1.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细记录了如何在阿里云ECS云主机上搭建Vue.js工程的过程。首先，通过配置安全组规则，开放8080端口以允许HTTP访问。接着，安装Node.js和cnpm，创建Vue-cli的软连接，并使用它来初始化Vue项目。最后，调整项目配置，使工程可以通过公网IP访问，实现远程浏览Vue应用。

初出茅庐，记笔记提点自己。

准备工作：首先在云主机上设置安全组。

设置安全组

 

点击“安全组”，进入安全组设置界面，如下图所示：

设置安全组2

 

 

点击“配置规则”进入安全组创建界面。

配置规则

 

 

点为了使用http通过8080端口用浏览器访问云主机的web工程，需要分别创建8080的入方向和出方向的安全组。配置如下:

创建安全组

最低0.47元/天 解锁文章
国基北盛 openstack 云主机搭建 超级详细步骤教程
Gui_ChuYun的博客
03-19 3816
国基北盛 openstack 搭建云主机 超级详细步骤教程
基于阿里云ECS搭建Tailscale DERP中继服务器：提升跨网络连接速度
Hi20240217的博客
09-06 1776
Tailscale是一种基于WireGuard协议的VPN服务，它可以让不同网络中的设备像在同一个局域网中一样安全通信。你可以在电脑、手机甚至服务器上安装Tailscale，实现远程访问文件、服务等功能。
阿里云ECS服务器的vue项目上传部署
Chen332855269的博客
10-16 2412
项目上传服务器流程 （vue-SPA项目） 一、买服务器(机器) 1. 云服务器ECS 2. 支付宝-》注册-》实名认证填写身份证的信息-》ecs 3. 手动停止服务器 ----> 初始化磁盘 ---> 重设密码（登录密码,选择Linux系统的，用户名一般为root，登录密码后面使用finalshell 连接远端使用，需要记好) 二、使用finalShell连接服务器 1...
轻松部署Vue项目到云服务器
最新发布
chaoxxggg的博客
09-18 807
服务器准备 → 安装 Nginx/Node →git clone项目 →→ 配置 Nginx 指向dist目录 → 添加try_files和proxy_pass→ 重启 Nginx → 搞定！你已经从 0 到 1 完成了整个部署流程，并且解决了两个最核心的部署问题。恭喜你！
在阿里云centos7.6上部署vue.js2.6前端应用
L-ji的博客
05-21 729
之前在一篇的文章中详细阐述了如何部署Nginx的代理uwsgi + django的后台服务，现在轮到部署前端应用vue.js了，vue.js的好处就不多说了，其作为一个轻巧，高性能，可组件化的MVVM库，学习成本要比阵营要低，性能比脏检查的AngularJS不知道高到哪里去了。本文介绍如何在centos的上部署vue.js应用。 建立一个简单的vue.js脚手架项目的完整命令 //安装CNPM...
Nginx发布Vuejs项目
liu22985342的专栏
08-11 1449
1、问题描述 给前端同事部署了web项目之后，访问发现除了index.html可以访问，其他的路径使用了“伪静态”。比如访问：http://localhost:8081/user/login，访问即报404错误，这个实际上是请求HTML相关资源而非后台接口，后面网上查了相关资料找到了解决办法。 2、配置文件 1 upstream portalServer { 2 ...
阿里云服务器web应用部署初窥（vue+express部署完整流程）
qingbaicai的博客
11-02 730
趁着双十一254.92搞了三年期的服务器，方便自己部署demo、访问接口，记录下部署具体步骤。 1、选择服务所在位置，进入实例重置密码、重启实例。 2、本地cmd 链接服务器 ssh root@"ip地址" 输入密码 3、安装node yum install -y nodejs node -v检查安装是否成功 4、安装nginx yum install nginx 设置开机自启动 sudo systemctl enable nginx 启动nginx ...
基于阿里云ECS搭建云上博客！超详细图文步骤！
Viper的程序员修炼手册
01-19 2461
阿里云体验 地址：https://developer.aliyun.com/adc/scenario/410e5b6a852f4b4b88bf74bf4c197a57?spm=a2c6h.15013979.J_7591448770.3.7f447077bJFVfd 1. 创建资源 请点击页面左侧的 云产品资源，在下拉栏中，查看本次实验资源信息； 在资源下拉栏点击 免费开通 按钮，开始创建实验资源。 2.连接ECS服务器 在连接服务器之前，首先需要把你自己的ip地址加入安全组中，允许通过入网需求
在阿里云ECS服务器上搭建FTP服务
01-09
在阿里云ECS服务器上搭建FTP服务一、简介二、环境简介三、搭建FTP服务器步骤1、配置ECS服务器的安全组策略2、服务器安装vsftpd软件3、修改配置文件4、启动FTP服务5、Windows下登录到FTP服务器 一、简介 FTP是一种...
基于天翼云ECS搭建Oracle+RAC集群指南7+11G
09-24
基于天翼云ECS搭建Oracle+RAC集群指南7+11G 本文档旨在指导用户基于天翼云ECS搭建Oracle+RAC集群，涵盖了从资源规划到创建资源的整个过程。 资源规划 资源规划是搭建Oracle+RAC集群的关键步骤之一。在本节中，...
vue项目部署到虚拟机
weixin_45161039的博客
08-24 3397
虚拟机环境配置 本地计算机系统：Windows 10 下载安装 VMware Workstation Pro 下载地址：https://my.vmware.com/cn/web/vmware/details?downloadGroup=WKST-1552-WIN&productId=799&rPId=42649 下载 CentOS 7 映像文件（iso） 下载地址：http://isoredirect.centos.org/centos/8/isos/x86_64/Ce
云主机环境搭建教程之搭建全能主机--主机使用碎碎念
w6a19af1c- -11ef-83d7-7b3723a85fa1的部落格
09-04 1762
很多站长在购买虚拟主机的时候，会看虚拟主机的一些参数，其中最重要的就是支持的程序语言。现在很多IDC商家都在宣称全能主机。 　　最好笑的一个事情就是，笔者刚建站的时候，购买了国内一家小主机商(名叫主机屋)的虚拟主机，他们宣传就是全能主机，什么语言都支持。这样的幌子去骗一些菜鸟还可以，对于一个懂技术的，就只能对他们的伎俩投以鄙视的眼光。后来询问之后，才知道他们所谓的全能主机，也就仅仅只支持PH
怎么样对阿里云ECS主机进行绑定域名
m0_64313187的博客
11-22 3456
首先我有个阿里的 域名+虚拟云主机 搭建了一个wordpress 的网站 地址为： www.liuxun.name/wordpress (liuxun.name/wordpress) 现在我想把一个阿里云的ECS主机，里面装了tomcat, 希望以 www.java.liuxun.name:8080 (java.liuxun.name:8080 ) 访问tomcat服务器，如果tomcat webapps下部署了项目 xxx 遍可以 www.java.liuxun.name:8080/xxx ...
云主机新手入门：从零开始搭建你的第一台云服务器
2501_91663411的博客
05-27 1453
在当今数字化时代，云服务器已成为个人开发者、中小企业乃至大型企业的首选基础设施。相比传统物理服务器，云主机具有弹性扩展、按需付费、易于管理等诸多优势。本文将带领零基础的读者一步步完成第一台云服务器的搭建，并介绍启盛裸金属等高性能选项。云服务器（Cloud Server）是基于云计算技术的虚拟化服务器，它将物理服务器的计算资源（CPU、内存、存储等）通过虚拟化技术分割成多个虚拟服务器，用户可以按需购买和使用。通过本文，你已经掌握了从零开始创建和管理云服务器的基本技能。
第一章 openstack平台搭建及创建云主机
09-12 3803
对于openstack初学者而言，传统部署openstack流程是在过于繁琐，需要多台虚拟机，packstack完美解决这个问题，可以减少了许多繁琐且容易出错的部署流程，packstack可以选择单节点或双节点部署，本次完美使用单节点部署allinone。
(CentOS 7) 云主机搭建Java运行环境 + 部署项目
茶树
10-27 2436
一、搭建大致步骤 JSP运行环境搭建大概分以下5步 安装配置JDK 安装配置Tomcat服务器 安装配置MySQL数据库 安装配置FTP服务器 (用于上传文件) 部署项目 二、安装配置JDK 1.准备JDK的tar包下载链接 版本选择地址：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-213315...
OpenStack创建云主机——超级详细步骤
Linux运维老纪的博客
08-30 3208
创建云虚拟机（云主机）的过程通常涉及以下步骤： 1. 选择或创建一个云镜像，这是虚拟机的启动模板。 2. 选择或创建一个云flavor，它定义了虚拟机的资源配置（如vCPU, RAM, 磁盘空间）。 3.创建一个虚拟机实例，指定名称、网络、安全组等。4. 启动虚拟机实例。本章详细介绍如何在openstacks平台上部署云主机。
阿里云ECS搭建VuePress
老王的博客
05-18 1375
一.安装node.js VuePress需要在node.js环境下运行，所以先安装node.js 1.下载node.js的压缩文件 wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz 2.创建node.js目录 sudo mkdir -p /usr/local/lib/nodejs 3.把node.js解压到该目录 sudo tar -xJvf node-v13.9.0-linux-x64.ta
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值