vue+express部署阿里云centos服务器

最新推荐文章于 2024-04-27 19:17:25 发布
最新推荐文章于 2024-04-27 19:17:25 发布
阅读量1.7k 收藏 10
点赞数 3
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Evolraelc/article/details/87186987
版权
本文记录了使用Vue CLI构建的前端项目与Express后端项目，部署到阿里云CentOS 6.8服务器的详细过程。涉及Vue打包、FTP上传、Nginx配置、Node安装、数据库远程连接以及使用PM2确保应用持久运行。在部署过程中，重点解决了端口开放、资产路径调整、代理配置等问题。
摘要由CSDN通过智能技术生成

服务器选用：阿里云CentOS  6.8 64位（大学生好像一年10块噢，学生真好！）

项目整体：使用vue-cli构建前端项目，使用express框架处理前端对数据的查询等，主要对数据库操作。

在此记录下遇到的坑。

一、使用XShell连接服务器

连接主机的是阿里的公网ip

输入密码即登录成功。

 

二、将vue项目打包部署到服务器上

1. 首先，在build/index.js下修改build的内容，将assetsPublicPath修改为'./'，如下

然后npm r

最低0.47元/天 解锁文章
Evolraelc
关注
专栏目录
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
wanghuichen的博客
04-18 2万+
领导让你把项目部署到Linux，什么，你不会？这就教会你！
前后端分离项目（springboot+vue+mybatis）-阿里云上部署数据库与区块链-3
最新发布
mc_故事与你的博客
08-28 1506
在当今数字化时代，区块链技术已经成为全球范围内备受瞩目的话题。从金融到供应链，从物联网到数字身份，区块链正在以惊人的速度渗透到各个行业，并在重塑着我们的社会和经济格局。区块链最初因其作为比特币背后技术的而引起人们的关注。但现在，它已经远远超出了仅仅作为数字货币的用途。它被认为是一种革命性的技术，有潜力改变我们传统的商业模式、加强数据安全和可信度，并促进更加公平和透明的交易。~~~
Vue项目部署到阿里云服务器
qq_17175045的博客
04-27 485
Vue项目部署到阿里云服务器
部署vue项目到阿里云服务器
liubangbo的专栏
10-27 5708
可能在make的时候会报2个错误，在网上搜一下就解决了。大概记得第一个错误是在MakeFile中删除-Werror，第二个错误是注释一行代码就可以了。记得vue项目包dist 一定要上传到Nginx 安装目录下的html目录，一般是/usr/local/nginx/html目录。我们试用阿里云ESC服务器(选择CentOS)，按步骤试用，稍等几分钟就会收到短信，创建实例成功。但不幸的是，打不开。4）用户名和密码填写我的在阿里云服务器设置的，一般用户名在没有修改的情况下都是root。
Web项目（Vue）部署到阿里云服务器【超详细】
热门推荐
weixin_43690623的博客
01-28 2万+
超详细Vue项目部署篇 小白的部署之路 前段时间白嫖了一年的阿里云服务器，想着手上有个项目，那就顺便部署上去吧，然后就进行了为时一天的踩坑之路。将大象放进冰箱有几个步骤？打开冰箱，将大象防进去，关上冰箱。巧了，项目部署呢，也刚刚好是三步：打包项目–>配置服务器环境–>将项目放到环境中。让我们开始吧！ 一、打包Vue项目 先将项目 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可
express項目部署阿里云服务器
痴梦小哥哥的博客
06-23 600
一、准备好项目，所监听的确定端口： 二、阿里云设置安全组 三、将你的项目拷贝到阿里云服务器中（可安装ftp） 四、阿里云安装PM2进程管理，进入项目根目录，开启该项目服务 五、访问地址：域名+端口 ， 即可 ...
【转载】vue项目部署到阿里云上详解
StudyWinter的博客
11-12 1761
首先，买一台云服务器是必要的，我使用的是阿里云服务器CentOS 7.4 64位操作系统。 在整个vue-cli项目上线过程中，我遇到了很多问题。不过，最终圆满解决了，因此在这里记录一下。 遇到的问题： 云服务器连接 vue项目打包上线 nginx安装配置 本地json数据无法访问 vue路由页面无法访问 一、使用Xshell连接云服务器 1、百度下载一个Xshell+Xftp6并安装。 2、打开Xshell,建立与远程服务器的连接注意：上图的主机就是阿里云上创建的实例的阿里云的ip 3、配置
vue+express+mongodb项目打包部署在云服务器上
天极小强的博客
08-08 489
Vue+express+mongodb项目打包部署在云服务器上 笔者所处前提：一台安装了node+mongodb+pm2的云主机。相关安装教程大家可自行网上搜索。 由于笔者买的是腾讯云的学生服务器（centos7），这里就以它为例子。 第一：配置安全组。 在安全组中新建规则，选择开放端口。 在新规则右侧的管理实例中添加你的云主机。然后修改规则，添加可能用到的端口。 第二：进入你的云主机，检查...
Vue2+Nodejs(express)+Mysql部署到服务器的全过程
YAO_1212的博客
12-16 2069
这是一个全栈的部署服务器的文章
vue+express+mongodb项目上线 (1)1
08-04
1. **购买服务器**：根据项目需求选择合适的云服务商，如阿里云、亚马逊AWS、DigitalOcean 或 Vultr。确保服务器有足够的内存和计算能力。 2. **连接服务器**：使用SSH工具如 Xshell 或 PuTTY 连接到服务器，获取...
使用pm2+express部署vue项目
愿你拥有大风与烈酒,也能享受孤独与自由
08-03 1200
使用pm2 + express 在Contos上部署前端项目 在Centos7上使用pm2+express部署springboot+vue项目 项目是一个前后端分离项目 后端使用springboot 前端为两个Vue项目 如图: ​ api为后端接口 cms和view为前端项目 共用一个api接口 1. 打包springboot项目 将项目打包package 将xxxxx.jar发送至服务器(随便哪里能找到就行) 2. 将前端两个项目打包 由于我的前端是使用vue-cli创建的 所以打包npm run
阿里云部署运行express
zhoulib__的博客
02-19 745
一、环境配置 nodejs下载与安装 （1）创建目录 首先进入usr目录创建一个tools文件夹 cd /usr && mkdir tools && cd tools （2）下载nodejs压缩包 使用wget命令下载 wget https://nodejs.org/dist/v12.19.0/node-v12.19.0-linux-x64.tar.xz （3）解压安装 分别输入命令解压： xz -d node-v12.19.0-linux-x64.tar.xz tar -x
如何在阿里云服务器上部署Vue？
aliyuncloud的博客
07-21 1295
首先登录服务器，安装Node.js和NPM，然后克隆项目代码，安装项目依赖，构建Vue应用，并配置Web服务器。最后，重启Web服务器并访问服务器IP地址即可查看部署的Vue应用。在本文中，我们将讨论如何在阿里云服务器上成功地部署Vue应用。通过以下具体步骤和详细的论述，您将能够轻松超越其他开发者，并全面掌握在阿里云服务器上部署Vue的技巧。现在，您可以通过浏览器访问服务器的IP地址，即可查看部署的Vue应用。首先，在浏览器中输入阿里云服务器的IP地址，并使用您的登录凭据进行登录。5. 构建Vue应用。
vue项目部署在阿里云服务器上的nginx配置过程 -踩坑记录
qq_42367749的博客
07-03 3602
我想要将我的vue前端项目上线使用，一开始我是放在后台服务器上，但发现每次要打包发给后台服务器，效率极为低下，不仅仅后台觉得麻烦，前端的效率也得到及降低，所以把前端的工程直接部署服务器上，这不失为一个好的办法，但是部署过程中，采用的是nginx进行服务器的代理配置，接下来就是我配置过程中踩得无数的坑，本人较笨，搞了两三天才终于弄出来。终于可以在浏览器上显示 首先，买一台云服务器是必要的，我使用...
vue项目网络云部署步骤
liujing10232929的博客
03-04 571
vue,阿里云，服务器
vue+express+nginx搭建一个简单的本地代理服务器
weixin_44083712的博客
05-15 748
场景描述：在后台没有配置环境，但是产品大大想看网页效果的时候，虽然可以直接给他开发环境的地址看，但是开发环境需要频繁改动代码、开关项目或多或少会影响到产品大大的观看效果，因为打包之后在vue中配置的代理会失效，所以可以用nginx做一个简单的代理配合express搭建一个简单的本地服务器。（需要安装vue脚手架、nodejs） 安装express-generator生成器 执行 $ npm install express-generator -g 进行安装 此过程可能会有点慢 有了他，就可以帮助我们.
vue + express + nginx 部署
weixin_42155821的博客
06-03 1052
环境介绍 这次软工团队作业是写一个学习用的交流（聊天）软件。而我负责管理端的编写。工作范围从数据库到 前后端。采用的技术栈为vue-cli+express+nginx。本地环境为win10，服务器为华为云Ubuntu。在代码编写部分并未遇到太大的问题，然而在部署到服务器上时，发现前后端无法交互。 网上随处可见部署过程中的技术细节。但却缺少对部署这项工作的总体介绍。对萌新或者着急肝工程的人很不友好。 部署就是将项目从本地localhost开发环境（别人无法访问）转移到拥有稳定ip地址生产环境的服务器上
Nodejs项目部署阿里云完整流程
NicolasLearner的博客
10-31 671
nodejs项目部署阿里云完整流程 参考文档:http://blog.csdn.net/chenlinIT/article/details/73343793 细节注意：1.启动nodejs服务需要开启两个阿里云主机窗口，一个是数据库mongoose服务，一个是nodejs服务器 2.如果nodejs服务器监听你的阿里云主机ip失败，可以尝试使用0.0.0.0。（因为阿里云限制了端口号的，官方说是3398端口但是笔者尝试无效，0.0.0.0的ip表示监听当前主机所有端口号） 1.1-准备工作 1.运
vue+node(express)+nginx+mysql（1）
weixin_44156500的博客
06-04 324
ps：小白一枚 希望大佬指导 下载nginx 配置代理转发到 node 3000端口上并配置https（不要忘了开放443端口 ） 拿肾换的ssl证书 手动滑稽 listen 80; server_name xxxx; #charset koi8-r; #access_log logs/host.access.log m...
Vue+Flask部署到阿里云服务器
06-08
好的，我可以为您提供一些基本的步骤。首先，您需要在阿里云上购买一台服务器，并确保您拥有对该服务器的完全访问权限。然后，您可以按照以下步骤进行Vue和...希望这可以帮助您部署Vue+Flask应用程序到阿里云服务器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值