手把手部署服务器-Vue，Node，Express，MySQL

最新推荐文章于 2023-04-12 13:41:29 发布
最新推荐文章于 2023-04-12 13:41:29 发布
阅读量657 收藏 11
点赞数 3
分类专栏： Node 文章标签： vue.js 服务器 mysql node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44290672/article/details/124849631
版权
本文详细介绍了如何使用腾讯云宝塔面板部署Vue、Node.js和MySQL，包括服务器购买、系统安装、Node服务与数据库部署、前端项目上线以及本地远程连接数据库的操作步骤，旨在帮助初学者顺利完成服务器部署。
摘要由CSDN通过智能技术生成

使用宝塔面板部署Vue，Node，MySQL

一、前言

今天给大家讲讲如何将自己写好的项目部署到腾讯云上，我自己是使用的是腾讯云宝塔面板，能够快速，方便，简单的部署一整套东西，部署完成之后，我们就能远程连接数据库进行操作，直接在本地的电脑上对node的代码进行编写，希望这篇文章能够帮助到各位第一次部署服务器的小伙伴，我也会一步一步的详细介绍整个部署流程，以及我自己在部署过程中，踩到的坑！！！

二、前期准备

首先买一台自己的服务器这是必须的，阿里云，腾讯云都可以，我用的是腾讯云

进入到官网首页，点击控制台，进入到自己的服务器
在这里插入图片描述
然后对服务器进行一个重装系统，然后我们选择宝塔Linux面板，重装完成之后，我们就可以进入宝塔面板对服务器进行一个管理
在这里插入图片描述
在这里插入图片描述
然后在浏览器输入宝塔面板的地址，默认的端口为8888
在这里插入图片描述
确保自己8888端口已近放行了，如果没有放行，需要自己手动放行
点击添加规则
点击确定即可
在这里插入图片描述
登录宝塔面板
在这里插入图片描述
获取账号密码，赋值命令，点击登录
在这里插入图片描述
复制账号密码到宝塔面板，就进入到了我们的面板了
在这里插入图片描述
在这里插入图片描述

三、Node部署

选择文件菜单，上传Node项目文件夹

在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
qq_44290672
关注
专栏目录
【Vue3+Express实战-2】sequilze连接Mysql
Web_boom的博客
05-12 821
本节，我们主要是使用Sequlize连接操作数据库。 在正式开始之前，我们现在介绍一下整个系统的架构 在VUE组件中，通过axios往后端接口发送请求，后端收到请求之后通过orm区操作数据库。然后将数据返回给组件，组件进行渲染。 使用sequlize操作mysql数据库 介绍 Sequelize 是一个基于 Promise 的 Node.js ORM，适用于 Postgres、MySQL、MariaDB、SQLite 和 Microsoft SQL Server 要连接到数据库,必须创建一个 Seque
node+express+mysql 项目部署
weixin_41436338的博客
08-02 652
nodemon 就是热更新。 然后npm  install   把所有的需要用到的依赖给安装一下。 文件的一个列表。
nodejs+vue学生信息管理系统vscode express mysql
QQ402205496的博客
03-13 1153
后台采用nodejs语言开发,前台页面和后台管理页面使用vue,JavaScript,HTML,CSS等技术开发,使用MySql作为数据持久化存储工具对学生信息管理系统的学生,教师等角色权限对应的功能等进行存储。5.2 软件测试方式 23。5.3 软件测试内容 24。
nodejs+vue+elementui企业固定资产管理系统vscode+Express+mysql
QQ402205496的博客
04-12 255
本企业资产管理系统管理员功能有个人中心，用户管理，资产分类管理，资产信息管理，资产借出管理，资产归还管理，资产维修管理。文章介绍了企业资产管理系统的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。系统管理员可以查看对资产信息进行添加，修改，删除以及查询操作，还可以对资产信息进行统计。企业资产管理系统的系统管理员可以对用户信息添加修改删除以及查询操作。系统管理员可以查看对资产分类进行添加，修改，删除以及查询操作。管理员可以对资产维修进行添加，修改，删除，查询操作。
Node.js+Express+Vue+MySQL+axios的项目搭建
beekim的博客
11-22 1710
1 项目搭建 创建vue项目之前需要先安装Node.js和MySQL数据库 1.1 vue脚手架安装 npm i vue -g npm i @vue/cli -g //初始化vue项目 vue create 项目名 1.2 在创建好的项目中创建server文件夹 在文件夹内创建这几个文件： 新建api文件夹、db.js、index.js、sqlMap.js。（api文件存放相关api接口路径及方法，db.js配置相关数据库，index.js配置后端端口及api路由） index.js const u
手把手教你用express + mysql + knex 做个 todoList
凝视深渊
05-22 4266
成果展示 安装mysql及其基本应用 用knex来连接mysql 接口功能拆分 建表：创建任务列表 查询任务列表 添加任务 删除任务 修改任务内容 把任务设为已完成/恢复任务为未完成 前端展示：vue+bootstrap All Done：一点想法 成果展示 项目源代码地址见git，在routes下找todolist 安装mysql及其基本应用 用knex来连接my...
JavaScript面向对象实现-坦克大战（附前端全套学习路线）
weixin_51689029的博客
06-24 1486
【课程简介】使用javascript+面向对象实现一个坦克大战游戏，让更多的同学能更加深入地理解面向对象思想。文末附有前端全套学习路线。【主讲内容】1. 讲解什么是面向对象，javascript中如何实现面向对象2. 分析坦克大战中需要用到哪些对象3. 使用canvas实现游戏地图的绘制4. 使用canvas实现坦克的绘制5. 如何使用键盘控制坦克移动6. 如何生成敌对的坦克7. 如何使用寻路算法让敌人寻找玩家的坦克...
我的Serverless 实战---Egg.js 后台管理系统实战
lvlei19911108的博客
04-29 1045
作为一名前端开发者，在选择 Nodejs 后端服务框架时，第一时间会想到Egg.js，不得不说Egg.js是一个非常优秀的企业级框架，它的高扩展性和丰富的插件，极大的提高了开发效率。开发者只需要关注业务就好，比如要使用redis，引入egg-redis插件，然后简单配置就可以了。正因为如此，第一次接触它，我便喜欢上了它，之后也用它开发过不少应用。 有了如此优秀的框架，那么如何将一个Egg.js的服务迁移到Serverless架构上呢？ 背景 如何将一个基于Vue.js的前...
前端学习路线图--陆神版本思维导图
好程序员IT教育
11-07 580
想要更好的完成页面的开发，更好的与UI部门合作，这些页面制作工具是必须掌握的。本系列课程从概念到具体基础知识点全程干货满满，为前端小白入门找到了很好的学习抓手，可以作为前端开发学习“梦开始的地方”，老师深入浅出的讲解和动画视频解析并用真实的案例巩固知识，学练结合，打好基础，不怕学不会！比如，Facebook的基于React技术的ReactNative原生APP的开发，谷歌的基于Dart技术的Flutter原生APP的开发，以及华为的基于JS技术的HarmonyOS鸿蒙原生APP的开发。
node+vue+mysql前后端分离增删改查
08-17
node+vue前后端分离增删改查：node+express+mysql作为后台，vue+bootstrap+jQuery作为前端，简单的增删改查
node+express框架中连接使用mysql经验总结
weixin_42817899的博客
11-09 407
最近在学习node.js，做了一个练手项目，使用node.js+express框架，配合mysql数据库和前端vue框架开发一个多人文档编辑系统。 node.js环境下express+mysql的服务端项目示例 首先是环境搭建： node环境下 $ npm install -g express-generator $ express -e project 进入项目文件根目录安装依赖模...
nodejs+vs code+express+mysql开发一个学生成绩录入系统
qq_42250284的博客
03-29 3249
Windows10下部署node.js开发环境 nodejs下载地址 最好选择.msi安装文件，下载后双击运行，勾选同意协议，一路默认下去安装就行 测试nodejs开发环境 为APP创建一个目录。 打开vs code在NodeApp文件夹里创建一个名为hello_world.js文件，添加如下代码： var http=require('http'); http.createServer(func...
用【mysql,vue,node】制作一个前后端分离小项目
m0_51311990的博客
10-13 3370
在这个项目中我们用到那些知识点1.利用axios获取后台数据，2.利用element-ui搭建界面3.用cros解决跨域问题。4.用vue，express创建项目5.利用mysql语句操作mysql数据库。6.利用vue的语法使数据具有动态性好了，这次介绍就这么多，如果各位有什么建议，欢迎评论区。期待各位能。
vue+node+mysql+express实现注册
qq_46065861的博客
04-02 704
功能需求： 1.全部输入正确后提交注册才能用 2.不能重复注册 3.两次密码必须相同 4.正则不通过提示相应信息 效果图 首先实现第一个 布局像这种，一个隐藏，一个显示，默认显示禁用的提交 上面三个条件全部满足时，显示没被禁用的提交注册 // 手机正则 phoneblur() { let regPhone = /^1[3-9]\d{9}$/; if (regPhone.test(this.phone.trim())) { this.show
教程系列之：前端全栈入门，node+express+mysql+vue+axios
weixin_34197488的博客
04-29 400
做项目的时候会不会因为没有数据而烦恼？没有后端给接口而感到举步维艰？接下来，这些都不是问题，我们全都可以自己做。 第一步 搭建自己的node服务，创建一个server文件夹 cnpm i express body-parser mysql 注意：这里要求，电脑上安装了mysql数据库。博主使用的Navicat Premium连接的数据库，如果需要下面有国产版链接 这三个分别是node的框架expr...
Vue+Mysql+Express demo分析前后端结合思路
不断努力充实的博客
11-01 910
本文为前后端联合 的思路演示demo： 重要工具： Vue-Cli Mysql Nodejs Express Webpack打包工具   重要概念： nodejs其实是可以做服务器的！ nodejs就是让JavaScript(js)可以实现服务器上的开发。 vue(前端)+nodejs(JavaScript的运行环境)=实现服务器上的开发(后端技术)服务器：   用来提供 Web ...
使用vscode 搭建node.js 和 mysql 实现一个简单接口的增删改查 教程
hzxOnlineOk的博客
04-28 6071
首先，我们需要知道一个概念，mysql是一个关系型数据库管理系统，我们需要下载相应的图形化（GUI）界面去操作它，例如：phpMyAdmin、Navicat for MySql等等许多数据库IDE 那现在我们开始从头开始搭建node.js+mysql开发接口的步骤吧： 一、下载并安装node.js及其环境变量，网上有很多教程，这里不多做赘述了 二、在vscode里新建一个项目learn-...
使用VsCode配置MySQL实现连接、查询、等功能
m0_67400972的博客
04-28 2880
场景： 使用VsCode配置MySQL实现连接、查询、等功能（mrx） 步骤： 打开vscode左边的拓展栏 1.搜索MySQL、MySQL Syntax两个插件，并安装； 2.安装完后，打开vs code左侧的资源管理器，会出现MySQL，单击＋号，添加连接； 3.会依次出现host、user、password、port、最后一个可忽略；host对应ip地址或者localhost，user对应用户（如果输入root需要root开放远程连接权限），password对应密码，port对应端口（330
ruoyi-vue部署服务器流程
最新发布
06-01
ruoyi-vue的部署服务器流程如下： 1. 准备服务器环境：选择一台云服务器或者物理服务器，并安装好操作系统（推荐使用CentOS 7）。 2. 安装Java环境：在服务器上安装Java运行环境（JRE或者JDK），可以通过yum命令...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值