使用宝塔面板部署Node.js+Mysql服务和Vue3-Admin项目到云服务器上

准备工作

  • 一台云服务器,可以先用免费试用一个月的服务器进行练手;我这里选择的是腾讯云的轻量云服务器;

1、在云服务器上安装宝塔面板

  • 宝塔面板官网地址:https://www.kancloud.cn/chudong/bt2017/424209
1.1 安装Xshell脚本工具,通过这个工具来连接云服务器,进行宝塔面板的安装
  • 根据云服务器的系统选择对应的命令进行安装
  • 安装步骤参考:https://blog.csdn.net/qq_45890970/article/details/123611747
// Centos安装脚本
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh// Ubuntu/Deepin安装脚本
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh// Debian安装脚本
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh
1.2 安装完成之后,命令行中会出现宝塔面板的外网,内网地址和账号密码;记住这个外网地址,一会我们就需要通过这个连接打开可视化的宝塔面板;
  • 如果忘记了也可以通过宝塔面板的bt指令查看默认信息,或者重置账号和密码;
    在这里插入图片描述
1.3 在云服务器后台的控制台中开放宝塔面板8888端口的访问

在这里插入图片描述

1.4 打开宝塔面板的外网地址,输入账号密码进行登录;登录到首页后可一键安装LNMP推荐的软件应用

在这里插入图片描述

2、Node.js+Mysql项目部署:

2.1 先将本地开发环境数据库中的数据导入到云服务器的数据库中;
1)在本地可视化sql工具中进行sql文件导出;
  • 我用的是SQLyog可视化工具,右键点击导出—>以SQL转储文件备份数据库---->得到.sql文件
    在这里插入图片描述
2)选择结构和数据进行sql文件导出

在这里插入图片描述

3)在宝塔面板中选择数据库菜单,点击添加数据库创建数据库名称;点击导入按钮导入刚刚保存的.sql文件

在这里插入图片描述

4) 通过云服务器的phpMyAdmin的数据库可视化工具查看sql数据是否导入成功

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

2.2 将本地的Node.js+Mysql项目文件上传到云服务器上;
1)在本地将项目压缩,然后通过宝塔面板将这个压缩包上传到云服务器的/www/wwwroot/project目录下,并解压,(node_modules文件包也需要上传上来)

在这里插入图片描述

2)在宝塔面板的应用商店中搜索并安装PM2管理器,点击添加项目添加刚刚上传的文件;
  • 我这个PM2应用是已经安装好了的

    在这里插入图片描述
3)服务启动成功后,项目显示的状态;

在这里插入图片描述

4)开放项目的运行端口8081
  • 在宝塔面板的安全菜单中开放服务运行端口8081;
    在这里插入图片描述
  • 在云服务器后台防火墙中开放服务运行端口8081;
    在这里插入图片描述
5)在postman中通过服务器的公网ip地址进行接口API访问,看是否正常;

在这里插入图片描述

3、Vue3-Admin单页面应用项目部署;

1)先在本地进行项目打包,得到一个dist文件
2)将本地的dist文件压缩上传到云服务器的/www/wwwroot/project目录下,并解压得到如下文件

在这里插入图片描述

3) 点击宝塔面板的网站菜单,新建一个php项目的站点;显示运行中就表示项目已启动

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

4)修改该站点的配置文件,使静态资源css,js文件能正常访问
  • 我这里后台项目打包后index.html引用的静态资源前缀如下:
    在这里插入图片描述
  • 对应的nginx配置文件如下:
    在这里插入图片描述
5)在宝塔面板的安全组和云服务器的控制面板中开放运行端口8089;

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

6)在浏览器导航栏中通过云服务器的公网IP访问项目即可

在这里插入图片描述

全文参考博客
  • https://blog.csdn.net/YAO_1212/article/details/128338946
  • https://blog.csdn.net/qq_45890970/article/details/123611747

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/653533.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Byte Pair Encoding(BPE)算法及代码笔记

Byte Pair Encoding(BPE)算法 BPE算法是Transformer中构建词表的方法,大致分为如下几个步骤: 将语料中的文本切分为字符统计高频共现二元组将共现频率最高的二元组合并加入词表重复上述第二和第三直到词表规模达到预先设置的数量…

c语言之if-else多分支语句结构

c语言的if-else多分支语句结构语法如下 if(表达式1) 语句1 else if(表达式2) 语句2 else if(表达式3)语句3 else if(表达式4) 语句4 示例代码如下 输入年龄,小于12输出“儿童”,大于12小于18输出“青少年”,大于…

获取本机请求时真实ip

前言 有时候我们需要调用别人的接口,需要对自己的真实ip加入白名单才能调通,但是请求发出后会经过层层代理,导致我们不知道自己请求的真实ip,下面这个方法可以拿到 package com.sinosoft.springbootplus.lft.business.dispatch.…

HarmonyOS--@ObjectLink和@Observed

ObjectLink和Observed装饰器用于在涉及嵌套对象或数组元素为对象的场景中进行双向数据同步。 在HarmonyOS应用开发中,ObjectLink和Observed是两个重要的注解,它们主要用于实现分布式数据的跨设备传输和同步: ObjectLink: 通俗解释…

你好,C++对象

你好,对象 面向对象开发对象的定义 类与对象类的定义类的访问限定符及封装类的实例化类对象模型结构体内存对齐规则 this指针this指针的引入 this指针的特性 类的默认成员函数构造函数析构函数拷贝构造函数结语 面向对象开发 对象的定义 对象的含义是指具体的某一…

MySQL 聚集与非聚集索引

文章目录 1.聚集索引1.1 介绍1.2 优点1.3 缺点 2.非聚集索引3.区别参考文献 MySQL 中,根据索引树叶结点存放数据行还是数据行的地址,可以将索引分为两类: 存放数据行:聚集索引存放数据行地址:非聚集索引 InnoDB 使用聚…

Keil-C语言小总结

1、 &取地址符,*取地址内容 int *ptr;//声明指针 2、ptr &c; // 将c的地址赋值给指针变量ptr 3、可选参数函数 4、C宏定义 5、 memset:最快的数据清零函数 void *memset(void *s, int ch, size_t n); 分别是 字符串 要值的数据(0…

TensorFlow2实战-系列教程4:数据增强:keras工具包/Data Augmentation

🧡💛💚TensorFlow2实战-系列教程 总目录 有任何问题欢迎在下面留言 本篇文章的代码运行界面均在Jupyter Notebook中进行 本篇文章配套的代码资源已经上传 对于图像数据,将其进行翻转、放缩、平移、旋转操作就可以得到一组新的数据…

分布式ID(3):雪花算法生成ID之UidGenerator(百度开源的分布式唯一ID生成器)

1 UidGenerator官方地址 UidGenerator源码地址: https://github.com/baidu/uid-generator UidGenerator官方说明文档地址: https://github.com/baidu/uid-generator/blob/master/README.zh_cn.md 这边只做简单介绍,详细说明请看官方说明文档。 2 Snowflake算法 Snowfl…

spring boot学习第八篇:操作elastic search的索引和索引中的数据

前提参考&#xff1a;elastic search入门-CSDN博客 前提说明&#xff1a;已经安装好了elastic search 7.x版本&#xff0c;我的es版本是7.11.1 1、 pom.xml文件内容如下&#xff1a; <?xml version"1.0" encoding"UTF-8"?> <project xmlns&q…

空间计算时代催生新一波巨大算力市场需求

什么是空间计算&#xff1f; 空间计算是一种整合虚拟现实&#xff08;VR&#xff09;、增强现实&#xff08;AR&#xff09;、混合现实&#xff08;MR&#xff09;等技术的计算模式&#xff0c;旨在将数字信息与真实世界融合在一起。这种融合创造了一个全新的计算环境&#xff…

【极数系列】docker环境搭建Flink1.18版本(04)

文章目录 引言01 Linux安装Docker1.安装yum-utils软件包2.安装docker3.启动docker4.设置docker自启动5.配置Docker使用systemd作为默认Cgroup驱动6.重启docker 02 docker部署Flink1.18版本1.拉取最新镜像2.检查镜像3.编写dockerFile文件4.执行dockerFile5.检查flink是否启动成功…

一个SSE(流式)接口引发的问题

前言 最近我们公司也是在做认知助手&#xff0c;大模型相关的功能&#xff0c;正在做提示词&#xff0c;机器人对话相关功能。想要提高用户体验&#xff0c;使用SSE请求模式&#xff0c;在不等数据完全拿到的情况下边拿边返回。 之前做过一版&#xff0c;但不是流式返回&…

机房环境动力监控系统:S275远程控制网关助力高效管理

现场问题 1、机房安全隐患 机房存在意外断电、温湿度过高过低、漏水断路等隐患&#xff0c;传统监测手段难以提前发现和预警。 2、机房远程运维困难 因环境改变、非授权活动、设备状态变化等引起的事故&#xff0c;难以满足机房远程运维的可靠管控要求。 3、机房改造成本高…

Django 实现SS

1、简单的sse只要用django内置的StreamingHttpResponse就可以实现 2、django-sse这个第三方库已经有10年没有更新&#xff0c;不要用这个库了。 3、告知前端关闭SSE连接需要发送yield "event: close\ndata: \n\n" 而不能只发送yield "event: close\n" …

菱形打印和十进制ip转二进制

1.菱形打印 用for循环 #!/bin/bashread -p "请输入菱形的大小&#xff1a;" num #打印向上的等腰三角形 for ((i1;i<num;i)) dofor ((jnum-1;j>i;j--))doecho -n " " #打印的是前面的空格donefor ((k1;k<2*i-1;k))doecho -n "*" #打印…

OneNote中的键盘快捷记录(超全)

本文列出了桌面 WindowsOneNote 的键盘快捷方式。 常用快捷方式 执行的操作 按 打开新的 OneNote 窗口。 CtrlM 创建 快速笔记。 CtrlShiftM 或 AltWindows 徽标键N 停靠 OneNote 窗口。 CtrlAltD 撤消前一个操作。 CtrlZ 如果可能&#xff0c;请重做上一个操作。 …

HCIE之BGP正则表达式(四)

BGP 一、AS-Path正则表达式数字| 等同于或的关系[]和.$ 一个字符串的结束_代表任意^一个字符串的开始()括号包围的是一个组合\ 转义字符* 零个或多个&#xff1f;零个或一个一个或多个 二、BGP对等体组三、BGP安全性 一、AS-Path正则表达式 正则表达式是按照一定模版匹配字符串…

《思考的快与慢》部分整理

认知心理学机位大洞见&#xff1a;人类大脑的默认模式是系统1&#xff0c;而不是系统2&#xff0c;人类大脑遵循“能不用脑&#xff0c;就不用脑”的原则。 系统1&#xff08;快系统&#xff09;对应着我们常说的直觉思维 系统2&#xff08;慢系统&#xff09;对应着理性思维…

Linux实验记录:使用RAID(独立冗余磁盘阵列)

前言&#xff1a; 本文是一篇关于Linux系统初学者的实验记录。 参考书籍&#xff1a;《Linux就该这么学》 实验环境&#xff1a; VmwareWorkStation 17——虚拟机软件 RedHatEnterpriseLinux[RHEL]8——红帽操作系统 目录 前言&#xff1a; 备注&#xff1a; 部署磁盘阵…