在阿里云服务器配置一个简单的无后台的vue项目

最新推荐文章于 2023-06-12 10:58:43 发布
最新推荐文章于 2023-06-12 10:58:43 发布
阅读量316 收藏
点赞数 1
文章标签： vue 云服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyhqgh/article/details/109535527
版权

在阿里云服务器配置一个简单的无后台的vue项目


使用到的工具：Xshell，宝塔面板
1、创建实例，重置实例密码（更多–>密码/秘钥–>重置实例密码）
2、打开Xshell
点击文件，新建，输入主机（即注册的IP），点击确定后会弹出输入用户名和密码的窗口。（用户名默认为root，密码为第一步时设置的）
3、此时已经可以连接上了并会切到终端页面，下一步是在终端上下载宝塔面板。
4、访问 宝塔官方提供的下载教程，根据不同版本下载
5、下载完成会的得到宝塔面板的登录地址和用户名密码，登录即可
在这里插入图片描述

6、登录之后可以选择修改登录所需的用户名和密码
在这里插入图片描述

7、上传打包的dist项目
在这里插入图片描述
8、下载Nginx并进行配置
在这里插入图片描述

9、项目已经可以上线了

胖就胖咯
关注
【前后端分离项目实战】从零构建后一个完整的后台项目之vue的学习（一）
黑黑白白君的博客
11-13 1839
文章目录一）什么是vue？1、渐进式框架是什么意思？2、为什么用vue而不是其他的前端框架？目前流行的前端框架：1）渐进式对比Angular：对比React：2）其他优势二）vue开发环境的搭建1、安装1）安装Node环境什么是node.js？2）安装npm什么是npm？3）安装vue-cli（Vue命令行工具CLI，脚手架）4）安装vue和vuex2、安装IDE3、导入工程项目1）把项目导入IDE2）安装项目3）运行项目4）访问测试5）打包项目 配合《【前端】前端及其技术栈》一起看更佳。 一）什么是
vue前后端分离项目，打包部署到阿里云服务器。
Self_discipline8的博客
02-19 4919
提醒：这里默认你已经配置好阿里云，例如开放安全组的端口号，宝塔面板中也要开放，配置了nginx；并且安装有mysql数据库，redis,nginx等必备的软件。 第一，打包前端代码，在终端使用命令行方式打包。 ①选择需要打包的前端文件，右键 ②在终端处，输入命令：npm run build:prod。如下图 ③出现dist文件，证明打包成功。 第二、打包后端代码，使用maven的package工具打包admin代码即可。 ①选择maven工具 ②点击package打包后端代码 ③打包成功 第三，上
阿里云服务器使用docker安装Nginx + Nginx配置vue项目+ Nginx开启https，配置ssl证书
最新发布
m0_54793512的博客
06-12 709
将自己的证书部署在/etc/ssl/certs目录下就可以了，最上面安装nginx的时候做了目录挂载映射，所以直接把证书放在对应的目录下面就可以，我是放在了/home/nginx/certs里面了，如果没有做目录映射，填写pem和key文件的话要拷贝到nginx内部的容器来。-------------------------------------以上是nginx的安装+nginx配置vue项目-----------------------------------------在我的项目中为了处理跨域问题，
vue项目打包及部署（无后端）
一路从容
05-15 667
vue项目打包本地部署（无后端） 1.拿到build后的文件dist 2.在dist同级目录下新建app.js文件 3.安装express npm install express --save 4.app.js内容如下 var express = require('express') var http = require('http') var app = express() app.use(express.static('./dist')) app.use(function (req, res, ne
【阿里云】——部署Vue项目到阿里云服务器
奔跑的狮子
11-10 1705
部署Vue项目到阿里云服务器 文章目录部署Vue项目到阿里云服务器@[toc]参考视频步骤在服务器上安装宝塔给vue项目打包在宝塔上添加站点，把打包好的vue项目解压 参考视频 8分钟项目部署-黑马vue电商后台管理系统-购买服务器部署上线-搭建网站 在这里吹一波，黑马YYDS！ 步骤 1.在服务器上安装宝塔 2.给vue项目打包 3.在宝塔上添加站点，把打包好的vue项目解压 在服务器
Vue存前台实现注册、登录、增删改查、在没有后台的情况下，用js调用localStorage模拟前端请求后台调数据库
weixin_38897313的博客
08-20 1247
Vue存前台实现注册、登录、增删改查、在没有后台的情况下，用js调用localStorage模拟前端请求后台调数据库 以下是一个Vue简单的注册登录以及todo增删改查的过程，没有后台，一样可以完成。大体流程把localStorage当做数据库来用，db.js封装一些操作数据库增删改查的方法（实际是对localStorage增删改查的操作），用Vuex管理登录信息。 1、文件结构 2、简单的路由...
阿里云服务器部署Vue+SpringBoot前后端分离项目
ZJX_103的博客
05-11 2347
阿里云服务器部署Vue+SpringBoot前后端分离项目 文章目录阿里云服务器部署Vue+SpringBoot前后端分离项目1、阿里云服务器配置介绍2、部署环境3、常用命令4、部署SpringBoot项目5、部署Vue项目6、总结 1、阿里云服务器配置介绍 CPU&内存：2核4G 操作系统：Ubuntu 18.04 64位 带宽：1Mbps 由于毕设需要，刚好阿里云有这个新用户免费试用两个月的活动，就领了一个云服务器，用来部署web项目再合适不过了。 2、部署环境 ​ 登录阿里
阿里云服务器部署node项目笔记
qq_51481160的博客
05-01 1008
在寻找合适的版本的过程中尝试过很多种（鼠鼠认为此处针对每个人的服务器配置不同可能会有不同的版本），鼠鼠的服务器可能配置较拉(21年阿里云搞新人活动100元买了三年，也是本着学习的态度去买的)，这里按照b站视频装的centos7.9版本（他说这个版本比较稳定，那我啥也不懂我肯定听他的）。：鼠鼠也是node开发的菜鸡，因毕设原因才照着视频学了点，具体很多版本和部署问题鼠鼠也不是很明白，鼠鼠也是摸索了半个月才终于装好合适服务器的环境，如果服务器配置够好，应该可以照着我上面b站视频装环境吧，他装的都挺新的。
将Vue+Nodejs项目部署到阿里云服务器
Stephy_Yy
01-27 1万+
上传文件至云服务器 一、打包文件 在项目根目录下运行 npm run build 等待命令运行结束后，会发现目录下多了 dist 文件夹，这个文件夹就是我们等下要放到服务器中的。 二、文件传输 打开 Xftp与实例建立连接 云服务器Apache默认的根目录是/var/www/html，因此我们在这个目录下新建music文件夹（这里以我的项目文件名为例） 将项目本地的dist文件夹移到云服务器m...
阿里云服务器部署flask+vue项目教程
Time_Remains的博客
07-20 1388
阿里云服务器部署flask+vue项目教程 搭建环境简介 python环境3.7.3 数据库为SQlite nginx gunion 阿里云系统环境为centos7.6 安装宝塔 yum install -y wget && wget -O install.sh python3环境安装 因为centos7自带python环境为python2.远程连接进入服务器，直接输入python命令，即可见python版本，现在我们首先要安装python3，此处安装版本为python3.7.3. #
vue实战仿微信小项目，写死的数据不涉及到后台。
qq_40678503的博客
09-26 1335
学习了一段时间的vue基础，参考教程简单的敲了一个小项目。模仿的聊天室界面。 需要配置的环境： 1.配置好vue的搭建环境，配置nuxt.js环境 2.下载jquery插件，需要引入jquery，可以使用指令npm install jquery下载. 具体搭建步骤可参考： mac版vue搭建（https://blog.csdn.net/qq_40678503/article/details/825...
记一个错误，原来vue项目需要后端项目打开才能运行
cat_want_fly的博客
04-26 803
搞了半天了。 原本一直好好的，但是昨天vue项目报错。 查看配置文件 export const BASEREQUESTURL = 'http://localhost:8081/' 是8081，当时陷入了误区认为这是该项目的端口号 再打开谷歌浏览器的调试台 按F12 发现错误信息 没有改代码，那就是外部环境的错。 第一个想到的就是端口号 查看了vue前端的端口号。 不是8081，我尝试了把81改成8081，提示无法访。 换一种方法， export const BASERE.
vue 虚拟主机_虚拟主机数据库怎么导入怎么样-vue部署到阿里云虚拟主机测评
weixin_36431814的博客
12-30 331
【腾讯云】 点击进入高性能云服务器1核2G首年99元【华为云】点击进入2核4G5M企业级云主机707元/年香港免备案主机129/年【阿里云】点击进入云服务器低至0.95折1核2G ECS云服务器8.1元/月低车哪谌莅ㄒ韵氯鑫募允菊０埃Ｔ诵小?/p>文件1。文件2。文件3。　　1引言一个小的命令行工具被配置为向网络发送主机(因特网控制消息协议)回波请求，类似于平，但性能高得多当...
vue学习第五天（9月8号）
qq_59592117的博客
09-08 352
前端代码编写
Web项目（Vue）部署到阿里云服务器【超详细】
热门推荐
weixin_43690623的博客
01-28 2万+
超详细Vue项目部署篇 小白的部署之路 前段时间白嫖了一年的阿里云服务器，想着手上有个项目，那就顺便部署上去吧，然后就进行了为时一天的踩坑之路。将大象放进冰箱有几个步骤？打开冰箱，将大象防进去，关上冰箱。巧了，项目部署呢，也刚刚好是三步：打包项目–>配置服务器环境–>将项目放到环境中。让我们开始吧！ 一、打包Vue项目 先将项目 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可
部署vue项目到阿里云服务器
liubangbo的专栏
10-27 5680
可能在make的时候会报2个错误，在网上搜一下就解决了。大概记得第一个错误是在MakeFile中删除-Werror，第二个错误是注释一行代码就可以了。记得vue项目包dist 一定要上传到Nginx 安装目录下的html目录，一般是/usr/local/nginx/html目录。我们试用阿里云ESC服务器(选择CentOS)，按步骤试用，稍等几分钟就会收到短信，创建实例成功。但不幸的是，打不开。4）用户名和密码填写我的在阿里云服务器设置的，一般用户名在没有修改的情况下都是root。
vue项目网络云部署步骤
liujing10232929的博客
03-04 561
vue,阿里云，服务器
vue小项目(一)-登录界面（前后端分离）
以沫wh的博客
10-14 8175
实现登录界面需要的基础知识最终目录实现逻辑 需要的基础知识 1 创建项目使用vu-cli脚手架，需要提前了解其目录含义 2 该项目前端使用到： vue, vuex, vue-router,axios,session存储 3 该项目后端使用到： node.js, express 最终目录 实现逻辑 ...
前后端分离:vue项目部署服务器操作步骤详细
acwing的博客
12-26 8543
部署前端项目vue到服务器 首对应的是找到项目 进入对应的目录下 进行 npm run build 会生成一个dist文件 将整个dist文件上传到服务器就可以了 然后就是首先就是安装node.js 对应的版本不建议最先版本 有可能会出现一些莫名的错误 node.Js 安装完成后就是软连接 类似于配置环境变量 下来就是安装 express - generator生成器 npm install -g express -generator 创建项目 express 项目名字 进入项目 安装依赖
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值