vue+node+elementui+阿里云全栈项目开发到部署（爬一爬我踩过的坑）

最新推荐文章于 2023-09-27 10:51:18 发布

晔水珠华

最新推荐文章于 2023-09-27 10:51:18 发布

阅读量656

点赞数 1

本文链接：https://blog.csdn.net/qq_42855947/article/details/95769130

版权

本文详细记录了一个全栈项目从开发到部署的过程，技术栈包括Vue全家桶、Node.js（Express）、MongoDB、ElementUI和阿里云CentOS服务器。在部署阶段，通过WinSCP和Xshell连接阿里云服务器，安装node、mongodb和git，配置mongodb服务，使用pm2进行后台运行，确保项目稳定上线。

摘要由CSDN通过智能技术生成

第一个全栈项目在线管理系统项目预览地址，github地址

1.项目介绍
2.开发阶段
3.部署上线

项目介绍

技术栈：vue全家桶 + node(express)+mongodb+elementui+阿里云(centos）

前端部分：登录，注册，登录后查看用户信息，根据用户权限操作数据，分页展示数据

后端部分: 给前端提供接口地址

开发阶段

git clone https://github.com/2533145487/fundManager.git 

npm install

由于此项目在server.js中进行了配置，可以前后端连载运行,直接npm run dev就ok

部署上线

工具:WinSCP ， Xshell

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

晔水珠华

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue2+nodejs+express+mysql+pm2搭建全栈项目

happy任的博客

07-12

7139

前言：本项目github地址:https://github.com/kaiqiangren/VueExpress 由于是自己尝试搭建的一个简单的nodejs+vue全栈项目，适用于初探nodejs后端领域的前端er。本文的mysql部分需要参考另一篇文章： Express+Vue+mysql实践进程守护及负载均衡相关可查看：https://blog....

SaYa-Vue:沙耶项目前端，仿阿里云项目

04-06

萨亚维项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置请参阅。

参与评论您还未登录，请先登录后发表或查看评论

vue实现仿阿里云官网的ace-view-fullColumn模块

vvv3171071的博客

11-16

1829

案例：阿里云官网（https://www.aliyun.com）下方的“全面、专业、智能的解决方案”模块进行组件化自己实现出来的效果： gitee仓库：https://gitee.com/Yuzaki-Nasa/aliyun-ace-view-fullColumn vue实现： <template> <div class="common-fadein"> <div class="bg"> <div class="view-center

vue仿阿里云二级下拉导航菜单

菜鸟的博客

05-19

1282

vue实现阿里云二级导航菜单

element+vue模仿阿里云文件上传

最新发布

itfound的博客

09-27

453

偶然在抖音看到一个视频，渡一前端教育，看到了模仿阿里云文件上传，他讲解的是原生js实现，但是element有现成的插件，就想着自己做一个，然后做了一个简单的demo，基于element+vue2.0实现的文件上传，我自己就了上传列表展示、上传实时监控、取消上传、上传统计等一些功能，后端本来做了指定文件限流和大文件分片上传一些操作，但是代码太多，这里后端文件上传就提供一个简单的demo，在这里源码就免费奉献给大家，本人主做后端的，前端只是带着做，废话不多说，直接上代码。前端主要使用element的uploa

Vue2+Node.js前后端分离项目部署到云服务器

SongD1114的博客

04-15

5576

Vue2+Node.js前后端分离项目部署到云服务器

基于Vue.js + Node.js开发的GMS游戏管理平台源码+项目部署说明.zip

08-09

本项目是一个移动端的游戏手机端官网和后台管理系统（pc端）的全栈开源项目，基于 vue + node (Express + ElementUI) +mongodb实现。部署在阿里云服务器，本项目使用了最新的Vue全家桶技术栈，后台数据通过node+...

Vue：前端体系、前后端分离

希望有点用

09-01

994

Vue：前端体系、前后端分离

Vue快速入门学习笔记(更新ing)

喜欢前端的后端 MelodyJerry

11-15

4184

原在博客园发布，先同步到CSDN：https://www.cnblogs.com/melodyjerry/p/13768594.html 本笔记综合了视频狂神说的Vue快速上手和菜鸟教程、CSDN等博客文章，以及个人的一些学习见解与体会。由于是为了团队需要而快速入门，HTML、CSS、JS、Vue等基础均不全，故本笔记仅供参考学习使用。 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图：给用户看，刷新后台给的数据网络通信： axios.

仿造阿里云导航栏

12-03

老板是写jsp的，老板早在08 09年就写了一个可视化开发平台，作为一个技术大牛总是对新东西非常的关注，有一天他找到我说看看阿里云的控制导航栏貌似不错。你写一个给我们的平台用吧，于是本篇博客就诞生了。一开始看着阿里云的控制导航栏觉得。还挺简单的，觉得一两天就能写完了，但是在编写的过程中，发现自己写的东西跟阿里的不是特别一样，别人用了boostrap，angular等待框架，而我要写一个集成在公司jsp开发平台上的控件，所有框架都不能用，没办法只能自己写呗。最后用了差不多一周的时间写写完这个demo。现在拿来跟大家分享一下。有觉得我写的糙的大神请指点一下。

前端+后端项目全栈开发 Node+TS+Koa+vue系统开发视频教程前端+后端商城实战视频课程.txt

12-03

├─(1) 100、- 路由设计(1).mp4 ├─(2) 101、- 后端渲染(1).mp4 ├─(3) 102、- get与post(1).mp4 ├─(4) 103、- 案例：网络版todoList-前端渲染(1).mp4 ├─(5) 104、- 无刷新请求-ajax(1).mp4 ├─(6) 105、- 接口设计(1).mp4 ├─(7) 106、- 接口实现(1).mp4 ├─(8) 107、- 数据库简介与安装(1).mp4 ├─(9) 108、- 表与记录(1).mp4 ├─(10) 109、- mysql2模块(1).mp4 ├─(11) 10、2-变量的解构赋值.mp4 ├─(12) 110、- 连接与查询(1).mp4 ├─(13) 111、1-ES6声明变量的方式let、const.mp4 ├─(14) 112、2-ES6解构赋值和模板字符串.mp4 ├─(15) 113、3-ES6箭头函数和函数默认值.mp4 ├─(16) 114、4-扩展运算符和数组的方法map、filter.mp4 ├─(17) 115、5-Vue介绍和启动应用.mp4 ├─(18) 116、6-指令v-bind、v-on.mp4 ├─(19) 117、7-v-model双向数据绑定.mp4 ├─(20) 118、8-列表渲染v-for.mp4 ├─(21) 119、9-对象的响应数据变化.mp4 ├─(22) 11、3-数据结构Set.mp4 ├─(23) 120、10-数组的响应数据变化.mp4 ├─(24) 121、11-【实例】数据控制的选项卡切换.mp4 ├─(25) 122、12-【实例】筛选商品.mp4 ├─(26) 123、13-【实例】自由展开收缩的好友列表.mp4 ├─(27) 124、14-计算属性.mp4 ├─(28) 125、15-【实例】百度音乐.mp4 ├─(29) 126、16-【实例】百度音乐---计算属性的使用.mp4 ├─(30) 127、17-Object.defineProperty数据描述.mp4 ├─(31) 128、18-Object.defineProperty实现响应数据绑定.mp4 ├─(32) 129、19-基础指令v-html、v-cloak.mp4 ├─(33) 12、4-数据结构Map.mp4 ├─(34) 130、20-事件修饰符使用.mp4 ├─(35) 131、- 案例：todoList数据库版(1).mp4

仿阿里云后台UI,所有页面源码

12-29

仿阿里云后台UI,所有页面源码，可以直接进行二次开发。

NodejsExpressjsVuejsElementUI全栈开发王者荣耀手机端官网和管理后台

08-10

Node.js (Express.js) Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台

Node+TS+Koa+vue 商城全栈（前后端）开发.txt

07-26

Node+TS+Koa+vue 商城全栈（前后端）开发-----------------网盘地址

Linux _学习——Centos8 部署nodejs+Vue全栈项目

含笑

01-16

970

Linux _学习——Centos8 部署nodejs+Vue全栈项目环境： Node API接口 vue首页，nuxt渲染后台管理 nginx 域名代理转发一. 博客页面 Nuxt 项目需要先打包, 把打包后的文件上传到服务器 nginx 配置找到 nginx 安装的地方，修改 nginx.conf 配置 server { listen 80; server_name z...

Vue 项目部署到本地虚拟机 CentOS 7

idjiang的博客

05-03

1427

目录虚拟机环境配置安装 wgetNode.js 环境配置本地计算机项目配置上传文件到虚拟机虚拟机防火墙设置服务启动虚拟机环境配置本地计算机系统：Windows 10 下载安装 VMware Workstation Pro 下载地址：https://my.vmware.com/cn/web/vmware/details?downloadGroup=WKST-1552-WIN&prod...

从零开始部署vue+node+mongodb全栈项目

一个还在路上的人……

12-06

1226

从零开始部署vue+node+mongodb全栈项目，既为个人记录，也为分享(最简单的方案，本人亲测)。配置阿里云服务器安全组规则如果你不配置这个规则，那么你连mongodb，node部署的后端应用接口都访问不到。常见配置如下。安全组规则安装node 第一步，升级 apt-get 源 sudo apt-get update 第二步，安装node sudo apt-get in...

王者荣耀全栈项目部署到阿里云服务器笔记

Charles_GX的博客

03-27

1371

王者荣耀全栈项目部署到阿里云服务器笔记学习的项目来自b站的良心up主全栈之巅第一次写博客这里主要总结一下这两天部署项目遇到的一些问题(踩得一些坑) 项目简介主要有三部分（admin后台管理端，web前端展示，以及server服务端）进行生产环境的编译 1.手动分别在admin和web文件夹下添加添加环境变量文件 .env.development，添加 VUE_APP_API_URL...

Vue+Node.js+MongoDB项目部署教程：从服务器搭建到环境配置

本篇文档主要介绍了如何使用Vue CLI 2.x（带内置Webpack打包工具）与Node.js、MongoDB构建的前后端分离项目的服务器搭建和上线流程。作者强调这是一个针对特定场景的设计，可能不适用于所有情况，适合对Vue和Node.js...