阿里云+宝塔部署【vue+egg+mysql】

最新推荐文章于 2023-05-03 15:35:57 发布
最新推荐文章于 2023-05-03 15:35:57 发布
阅读量1k 收藏 10
点赞数 7
文章标签： vue.js mysql 阿里云
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51453356/article/details/124567600
版权

写的一个vue+egg+mysql项目完成了，打算部署起来，在部署过程中遇到了很多问题，看了很多博文，在这里记录一下我的部署过程

安全组


阿里云和宝塔里面都要放行！！！我的宝塔端口用的是8888，当时没有在阿里云里面放行，一直打不开宝塔登录页面，7002是egg项目启动端口号

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

先下载软件

在这里插入图片描述

导入数据库

在这里插入图片描述
从数据库中导出数据
在这里插入图片描述
将导出的数据库导入
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

上传vue代码


先打包vue项目 

npm run build

建meeting_client文件夹，放打包后的代码
在这里插入图片描述
在这里插入图片描述

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

新增站点

在这里插入图片描述

建好之后就可以通过网站名看见你的项目了，但是还没有部署后端，所以不能发送请求

egg部署

egg文档里面有应用部署说明，可以看看应用部署

上传代码
在这里插入图片描述

方法：

  1. 将整个项目压缩，上传后再解压，没毛病
  2. 将本地源码推送到gitee/github，在服务器里面拉下来，然后npm install

其他工具：
在这里插入图片描述
用Xshell连接服务器，通过Xshell打开Xftp，就可以上传文件了
在这里插入图片描述
在这里插入图片描述

启动egg项目

在运行的时候可能不会马上成功，可能会遇到端口占用，或者其他配置问题，别着急，copy问题搜索，总会找到答案的

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

配置

在这里插入图片描述

可能会遇到各种各样的问题，别慌，慢慢找答案，总会成功的

洋溢不吃香菜
关注
  • 7
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
egg+vue+mysql 简单实现 增删查改 功能
qq_42048638的博客
01-27 3312
一、安装vue与egg vue create web-app npm init egg --type=simple --registry https://registry.npm.taobao.org 生成目录如下 server-app存放的是egg框架 web-app存放的是vue框架 二、插件安装与配置 web-app npm i axios npm i vue-router npm i element-ui npm i less axios配置 api.js (存放的是前端连接后端的方法)
egg.js部署到宝塔面板
weixin_34221775的博客
04-13 841
安装PM2 切换node版本 新建站点 新建站点 选项随便选 上传项目 上传项目并解压 不用打包 node_modules 文件夹 添加启动文件 egg项目根目录添加 index.js 文件 const egg = require('egg'); const workers = Number(process.argv[2] || require('os').cpus().len...
宝塔部署egg+ts项目
weixin_51093047的博客
11-08 548
1、打包项目 2、上传到服务器 3、npm install 安装相关依赖 在这一步除了npm install之外还要安装egg-scripts npm i egg-scripts --save 并且在package.json加入以下两句： { "scripts": { "start": "egg-scripts start --daemon", "stop": "egg-scripts stop" } } 4、database和config.prdo.js的数据库 "prod
egg云环境部署前后台vue页面
xuelang532777032的博客
07-13 813
序： 1、给懒得配nginx或不懂得配nginx的小伙伴 2、demo中是vue3版本（无ts版） 3、egg版本是^2.xx版 vue+nginx(window篇)_雪狼之夜的博客-CSDN博客博主linux玩习惯了，突然在window下就闷逼了，nginx 自行去下，因为博主window用的集成环境 （懒~~~~）说重点，1、你想要打包 vue，也就是build 个文件 默认是dist得到如下文件2、然后是nginx的配置，server { listen 801
EggJS+MySQL（mysql2+egg-sequelize+egg-cors）实现简单的增删改查
Calmlyx的博客
05-12 839
Egg官方文档初学Egg，还是学习到了很多知识，同时也踩了一些坑。接下来就简单的搭一个Egg+MySql的架子，方便后期直接使用，拒绝做简单重复的操作。mysql2操作mysql的基础库。是一个ORM 框架，在一些较为复杂的应用中，帮助我们管理数据层的代码。egg-cors开启跨域访问。
基于vue+node.js+mysql的网站商城
06-01
所用技术：vue全家桶、vueRouter、Element UI、Axios、js、Node.js、Express、Mysql 实现功能：首页轮播图、商品展示、购物车、留言评论、收藏、新闻公告、注册登录、后台管理等
Nginx+Uwsgi+Django+Vue部署
02-25
Nginx+Uwsgi+Django（python3）+Vue部署，一步步实现。网上找了N多篇文章都没成功，特意记录，以免其他同学踩坑
阿里云k8s 部署vue2+nginx+springboot2.5+nacos2.0.3
01-10
阿里云k8s 部署vue2+nginx+springboot2.5+nacos2.0.3
egg+vue+mysql v1.0.0版demo
04-14
egg+vue+mysql 增删改demo，方便大家学习。教程在我的博客egg栏目里
音乐网站 SpringBoot + MyBatis + MySql + Vue
05-11
后端： SpringBoot + MyBatis + MySQL 前端： Vue + ElementPlus + Echarts 此系统为前后端分离方式开发的系统，技术栈为 后端： SpringBoot + MyBatis + MySQL 前端： Vue + ElementPlus + Echarts 此系统为...
eggjs项目发布配置步骤
12-23
linux eggjs项目发布配置
vue+egg+jwt实现登录验证的示例代码
01-21
原理：vue前端登录，提交账号密码给egg后端，后端比对信息后，使用jsonwebtoken对用户信息进行签名生成token，之后通过cookie返回给vue前端，前端需要使用token里的信息就使用js-base64进行token第二段解码即可。 vue前端路由跳转，进入路由前置守卫检测cookie中的token是否存在，不存在(已过期)则跳转登录，否则继续执行，然后在http拦截器里请求时存在token请求头带上token，后端未得到header则返回错误码，得到则用jsonwebtoken进行验证，是时间错误就从新发放token令牌，否则返回错误码，还要及时更新cookie时间，保证登录
将Egg项目部署到阿里云服务器
叶子yes的博客
05-03 1454
1、连接阿里云服务器，上传文件 2、在阿里云服务器上安装Nodejs 3、下载项目依赖 4、安装egg-scripts 模块 5、启动项目 6、阿里云服务器开启7001端口
egg+mysql+项目实战_egg.js + sequelize-cli + mysql 实战
weixin_39611769的博客
02-23 509
使用官方脚手架 egg-init 开始项目。npm i -g egg-init初始化项目通过 egg-init 初始化一个项目:egg-init --type=simple --dir=sequelize-projectcd sequelize-projectnpm i安装并配置 egg-sequelize 插件(它会辅助我们将定义好的 Model 对象加载到 app 和 ctx 上)和 mysq...
腾讯云/阿里云 宝塔linux面板 部署nodejs(egg)项目和vue项目
树上骑个猴的博客
04-11 789
我的服务器类型（宝塔linux面板）： 点击服务器 选择管理应用： 根据提示进入面板首页： 输入地址： 输入密码和账号进行登陆： 账号和密码获取方法： 登陆后，上传你的代码文件，在这里我上传了打包后的vue的dist文件夹，及egg.js项目文件。记得两个文件都不携带node_modules： 在软件商店我安装了这些插件，你们根据实际进行按照，提示缺啥就按照啥。 因为我的egg.js需要使用端口7001，所以在“安全”这里放行了端口7001： 因为我egg.js项目需要使用数据库，所以我
阿里云服务器（BT面板）Vue+Node(Egg)部署流程
FreeMing-imduingui0
10-24 2267
项目是Vue+Egg,服务器是阿里云的linux,安装了BT面板。 这个流程适合，发布不频繁，个人项目，小型项目。 下一步我会升级为，使用git，或者git+jekins的方式，实现每次merge自动发布
基于 Egg + Vue + EasyWebpack 多页面和单页面服务端客户端渲染同构工程
weixin_34259232的博客
07-05 1209
背景介绍 简述下项目迭代过程，说白了就是流水账，不想看的朋友可以直接第二部分看展示。 之前由于项目需求，要搭一个restful api server，由于主要是要跟移动端交互，考虑到高并发和易用的socket，决定用NodeJS来做。 之后就是框架选型，Express、Koa、Egg，综合对比了一下，选择了Egg，最主要的原因是省事……真要找个拿得出手的原因的话：我之前是做Java的，Egg的分层...
Egg + Vue 服务端渲染开发指南
weixin_33981932的博客
10-28 678
1. 项目初始化 1.1 通过 easywebpack-cli 脚手架初始化 安装脚手架 npm install easywebpack-cli -g 命令行，然后就可以使用 easywebpack 或 easy 命令 命令行运行 easywebpack init 选择 egg+vue server side render boile...
vue+mysql+egg.js 搭建后台服务（零基础 增删改查）
xm_w_xm的博客
02-03 1108
egg.js 中文官网 我之前分享的搭建cli3过程
Vue+Flask部署到阿里云服务器
最新发布
06-08
好的，我可以为您提供一些基本的步骤。首先，您需要在阿里云上购买一台服务器，并确保您拥有对该服务器的完全访问权限。然后，您可以按照以下步骤进行Vue和Flask应用程序的部署： 1. 安装Node.js和npm 在您的服务器上安装Node.js和npm，这将使您能够运行和构建Vue应用程序。 2. 安装Vue CLI 使用npm安装Vue CLI，这样您就可以在服务器上使用Vue CLI命令行工具创建和管理Vue项目。 3. 创建Vue项目 使用Vue CLI创建一个新的Vue项目，为此，请在终端中运行以下命令： ``` vue create my-project ``` 4. 构建Vue项目 使用npm运行构建命令，将Vue项目构建为静态文件，以便可以在Web服务器上提供它们。为此，请在终端中运行以下命令： ``` npm run build ``` 5. 安装Flask 在您的服务器上安装Flask，这将使您能够运行和管理Flask应用程序。 6. 编写Flask应用程序 使用Python和Flask编写您的应用程序代码，包括路由和视图函数等。 7. 部署Flask应用程序 将Flask应用程序部署到Web服务器，例如Nginx或Apache等。 8. 配置Web服务器 配置Web服务器以在服务器上提供Vue和Flask应用程序。这通常涉及到将Vue应用程序的静态文件和Flask应用程序的路由配置到Web服务器上。 以上是基本的步骤，您可以根据您的具体情况进行更改和定制。希望这可以帮助您部署Vue+Flask应用程序到阿里云服务器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值