当前位置: 首页 > news >正文

使用宝塔面板 将vue+node+mysql部署至云服务器

数据库部署

1. 导出 数据库

2.  进入宝塔面板 将数据库文件导入至宝塔面板数据库中

验证是否导入成功

点击phpMyAdmin 输入用户名密码

 

如果没有导入成功,可在此再导入一遍

前端项目部署 

1. 将vue项目打包上传至文件

npm run build 打包成dist文件夹

压缩上传

2. 添加站点

站点根目录 和 项目根目录 保持一致

3. 访问 域名地址 即可打开前端页面,但是后端接口是404

Node后端项目部署

1. 将本地的Node.js文件压缩 上传到云服务器上,上传成功 解压文件

2. 宝塔面板添加node项目

项目端口 要和 项目实际端口 保持一致

 3. 把该端口加入防火墙

4. 前端项目配置

 

部署完成,项目正常运行。

相关文章:

  • 前端 JS 经典:package.json 属性详解
  • 安装前端依赖node-sass报错
  • 【LLM之RAG】Adaptive-RAG论文阅读笔记
  • C语言 | Leetcode C语言题解之第151题反转字符串中的单词
  • 学习java第一百天
  • 「前端+鸿蒙」鸿蒙应用开发-ArkTS语法说明-自定义组件
  • 深入浅出MyBatis:全面解析与实战指南
  • 蓝牙耳机怎么连接电脑?轻松实现无线连接
  • 10.错误处理
  • 开源大模型的新星:ChatGPT-Next-Web 项目解析与推荐
  • 百度网盘限速解决办法
  • 构建LangChain应用程序的示例代码:33、如何在LangChain框架中使用HumanInputChatModel来模拟人工输入的聊天模型教程
  • 二分查找总结:算法原理,适用题型,经典题单
  • 禁用PS/Photoshop等一系列Adobe旗下软件联网外传用户数据操作
  • java是值传递还是引用传递?
  • [笔记] php常见简单功能及函数
  • 2017 前端面试准备 - 收藏集 - 掘金
  • Android交互
  • CSS盒模型深入
  • emacs初体验
  • flask接收请求并推入栈
  • October CMS - 快速入门 9 Images And Galleries
  • oschina
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • v-if和v-for连用出现的问题
  • vue从入门到进阶:计算属性computed与侦听器watch(三)
  • vue中实现单选
  • Webpack 4x 之路 ( 四 )
  • 从tcpdump抓包看TCP/IP协议
  • 番外篇1:在Windows环境下安装JDK
  • 官方新出的 Kotlin 扩展库 KTX,到底帮你干了什么?
  • 基于axios的vue插件,让http请求更简单
  • 记一次删除Git记录中的大文件的过程
  • 微信开源mars源码分析1—上层samples分析
  • 再次简单明了总结flex布局,一看就懂...
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • #宝哥教你#查看jquery绑定的事件函数
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (react踩过的坑)Antd Select(设置了labelInValue)在FormItem中initialValue的问题
  • (Redis使用系列) Springboot 使用redis实现接口幂等性拦截 十一
  • (超详细)语音信号处理之特征提取
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (力扣)循环队列的实现与详解(C语言)
  • (七)Appdesigner-初步入门及常用组件的使用方法说明
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • (十三)Flink SQL
  • (一)Linux+Windows下安装ffmpeg
  • (原創) 系統分析和系統設計有什麼差別? (OO)
  • (转载)Linux 多线程条件变量同步
  • .java 指数平滑_转载:二次指数平滑法求预测值的Java代码
  • .net 7和core版 SignalR
  • .NET Core 实现 Redis 批量查询指定格式的Key
  • .NET HttpWebRequest、WebClient、HttpClient
  • .net MVC中使用angularJs刷新页面数据列表