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

最新推荐文章于 2024-07-01 15:07:39 发布
最新推荐文章于 2024-07-01 15:07:39 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： 工程搭建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EdogLinlin/article/details/82183511
版权
本文详细记录了如何在阿里云ECS云主机上搭建Vue.js工程的过程。首先，通过配置安全组规则，开放8080端口以允许HTTP访问。接着，安装Node.js和cnpm，创建Vue-cli的软连接，并使用它来初始化Vue项目。最后，调整项目配置，使工程可以通过公网IP访问，实现远程浏览Vue应用。
摘要由CSDN通过智能技术生成

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

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

设置安全组

 

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

设置安全组2

 

 

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

配置规则

 

 

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

最低0.47元/天 解锁文章
狂奔的小强
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
华为ECS部署Vue Springboot前后端分离项目
DUT_Walnut的博客
04-11 513
项目打包 Vue项目打包 打包前配置 main.js修改 将baseURL改为后端所在服务器ip地址 如127.23.0.2:8080 config/index.js修改 改成 module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/ind...
基于ECS搭建云上博客
01-09
说明：基于真实阿里云 ECS 测试 一、安装 Apache HTTP 服务 1、首先登录到云ECS，进入命令行。 2、安装httpd 执行 yum install httpd 命令安装 httpd。 注：如果出现提示按 y确认，也可直接执行 yum -y install ...
阿里云ECS服务器的vue项目上传部署
Chen332855269的博客
10-16 2250
项目上传服务器流程 （vue-SPA项目） 一、买服务器(机器) 1. 云服务器ECS 2. 支付宝-》注册-》实名认证填写身份证的信息-》ecs 3. 手动停止服务器 ----> 初始化磁盘 ---> 重设密码（登录密码,选择Linux系统的，用户名一般为root，登录密码后面使用finalshell 连接远端使用，需要记好) 二、使用finalShell连接服务器 1...
阿里云ECS部署Spring Boot+Vue项目【宝塔面板】
最新发布
Glubin的博客
07-01 764
教程基于宝塔面板，在购买服务器选择镜像时，需要选择带有宝塔面板的镜像，也可以自己装宝塔面板，安装教程可以查看。
在阿里云centos7.6上部署vue.js2.6前端应用
L-ji的博客
05-21 644
之前在一篇的文章中详细阐述了如何部署Nginx的代理uwsgi + django的后台服务，现在轮到部署前端应用vue.js了，vue.js的好处就不多说了，其作为一个轻巧，高性能，可组件化的MVVM库，学习成本要比阵营要低，性能比脏检查的AngularJS不知道高到哪里去了。本文介绍如何在centos的上部署vue.js应用。 建立一个简单的vue.js脚手架项目的完整命令 //安装CNPM...
Nginx发布Vuejs项目
liu22985342的专栏
08-11 1358
1、问题描述 给前端同事部署了web项目之后，访问发现除了index.html可以访问，其他的路径使用了“伪静态”。比如访问：http://localhost:8081/user/login，访问即报404错误，这个实际上是请求HTML相关资源而非后台接口，后面网上查了相关资料找到了解决办法。 2、配置文件 1 upstream portalServer { 2 ...
阿里云服务器web应用部署初窥（vue+express部署完整流程）
qingbaicai的博客
11-02 615
趁着双十一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服务器上搭建FTP服务
01-09
在阿里云ECS服务器上搭建FTP服务一、简介二、环境简介三、搭建FTP服务器步骤1、配置ECS服务器的安全组策略2、服务器安装vsftpd软件3、修改配置文件4、启动FTP服务5、Windows下登录到FTP服务器 一、简介 FTP是一种...
生成阿里云ecs主机监控报表go语言源码
01-29
综上所述，这个项目提供了一种使用Go语言结合阿里云ECS监控API来收集和分析ECS主机性能数据的方法。开发人员可以学习如何使用Go语言进行API调用，处理监控数据，以及如何结合Shell脚本来实现定时任务。同时，对于...
搭建阿里云ecs服务器之安装图形化界面的方法
09-15
搭建阿里云ECS服务器并安装图形化界面是一个常见的任务，特别是在需要进行可视化操作或更直观管理服务器时。这里我们将详细讲解这一过程。 首先，阿里云ECS（Elastic Compute Service）是阿里云提供的弹性计算服务...
vue项目部署到虚拟机
weixin_45161039的博客
08-24 3093
虚拟机环境配置 本地计算机系统：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
云主机环境搭建教程之搭建全能主机--主机使用碎碎念
windowsxp的部落格
09-04 1590
很多站长在购买虚拟主机的时候，会看虚拟主机的一些参数，其中最重要的就是支持的程序语言。现在很多IDC商家都在宣称全能主机。 　　最好笑的一个事情就是，笔者刚建站的时候，购买了国内一家小主机商(名叫主机屋)的虚拟主机，他们宣传就是全能主机，什么语言都支持。这样的幌子去骗一些菜鸟还可以，对于一个懂技术的，就只能对他们的伎俩投以鄙视的眼光。后来询问之后，才知道他们所谓的全能主机，也就仅仅只支持PH
第一章 openstack平台搭建及创建云主机
09-12 2801
对于openstack初学者而言，传统部署openstack流程是在过于繁琐，需要多台虚拟机，packstack完美解决这个问题，可以减少了许多繁琐且容易出错的部署流程，packstack可以选择单节点或双节点部署，本次完美使用单节点部署allinone。
(CentOS 7) 云主机搭建Java运行环境 + 部署项目
茶树
10-27 2295
一、搭建大致步骤 JSP运行环境搭建大概分以下5步 安装配置JDK 安装配置Tomcat服务器 安装配置MySQL数据库 安装配置FTP服务器 (用于上传文件) 部署项目 二、安装配置JDK 1.准备JDK的tar包下载链接 版本选择地址：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-213315...
国基北盛 openstack 云主机搭建 超级详细步骤教程
Gui_ChuYun的博客
03-19 3431
国基北盛 openstack 搭建云主机 超级详细步骤教程
OpenStack创建云主机——超级详细步骤
weixin_73059729的博客
05-28 2650
本章实验中，使用默认的实例类型m1.tiny（1个CPU、512内存、1GB根分区磁盘），新创建网络private，并通过路由器my_route将虚拟机所在的private网络（同时执行NAT转换）到外部网络public，创建云主机并使其可以访问外部网络。在实验过程中，创建了云主机之后，如果某页面无法打开，可观察虚拟机内存使用情况，必要时增加些内存，再继续进行实验。创建路由的目的是为了云主机所在的私有网络和外网络所在的公有网络之间实现进行信息的转发，让云主机可以访问外部网络。，即x.x.x.x为网关地址。
阿里云ECS搭建VuePress
老王的博客
05-18 1222
一.安装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
基于ECS搭建VuePress个人博客
fffffyp的博客
08-06 285
本教程是基于ECS搭建VuePress个人博客网站 首先创建ECS实例，选用系统centos（此处省略创建步骤） 1.创建安全组——开放22端口和8080端口 注:22端口用于ssh远程连接服务器，8080端口是用于访问博客的端口 授权对象0.0.0.0/0 表示所有人都可以访问 2.通过ssh远程连接服务器，我这里使用的软件是xshell ssh root@你的ecs的公网IP地址 3.安装node.js wget https://npm.taobao.org/mirrors/node/v13.9.0
部署项目vue +阿里云服务器 + 宝塔面板
友人A的博客
03-22 667
1. 打包vue项目 1.1 在 config -> index.js中把/改为./，可以避免找不到静态文件。 1.2 在 build -> utils.js 中添加下行可解决elementUI小图标不显示问题。 1.3 vue打包后放到服务器上路由不跳转，需要将路由配置文件（router -> index.js）中的 mode:'history' 注释掉，或者改为 hash。 1.4 使用 npm run build 进行打包，打包成功后生成 dist 文件夹。 2. 将打包项目
尚硅谷大数据项目：CDH数仓搭建与阿里云ECS配置
"CDH平台搭建通过RPM包在阿里云服务器上的实施步骤，包括Cloudera Manager(CM)的介绍、CM架构解析以及阿里云ECS服务器的购买与配置。" 在大数据处理领域，CDH(Cloudera Distribution Including Apache Hadoop)是一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值