windows阿里云部署Node+web服务

vue+node.js 发布到阿里云

  1. 租服务器
  2. 注册域名
  3. 域名解析
  4. 网站域名备案
  5. 使用宝塔面板
  6. 发布vue项目得前端代码
  7. 连接数据库
  8. 上传node服务

注意,域名还没备案,之后再完善,先用ip

1.租服务器
登陆阿里云官网购买 (一般都有活动页面的 进去买就行来)

https://www.aliyun.com/purchasing/2021?spm=5176.19720258.J_2937333540.7.7b812c4a2oPC0n&scm=20140722.B_6189726.P_3826.MO_402-ST_3764-ID_22402-CID_22402-V_1

成功进入控制台可以看到
在这里插入图片描述
2.注册域名
在这里插入图片描述
进到里面按照操作 一路下去
3.域名解析
在这里插入图片描述
一般进入这里域名需要认证审核1~2个工作日,不过看情况的 我的过来半小时就过了

4.网站域名备案
https://beian.aliyun.com/
在这里插入图片描述
域名的实名认证通过后需要2-3天后才能备案
在这里插入图片描述
5.使用宝塔面板
我得服务器是操作系统是windows,只要不是下面那个系统,其他得都装宝塔面板 linux版
在这里插入图片描述

linux版得 网上搜到文章很多 https://www.jianshu.com/p/a89dcecb1bd3
下面我说我装得windows版得。

  • 先配置下安全组 8888端口

  • 在这里插入图片描述

  • 然后配置规则

  • 手动添加

  • 在这里插入图片描述

这样就Ok了,然后我们远程连接,不知道密码得 重置下
在这里插入图片描述

登录之后,因为我是宝塔windows版 没找打指令安装 直接输入地址

https://www.bt.cn/download/windows.html,一路下载安装(下载得时候会有警告,将下载得页面url添加下就行了)

下面那个谷歌可以忽略
在这里插入图片描述

宝塔会有一些初始化配置,这个应该都懂,这个域名必须是解析好得 备好案得不然 可以先不填 用ip地址访问
在这里插入图片描述
这时候我们可以在自己得浏览器上打开 ip/yangjie
在这里插入图片描述

6发布vue项目得前端代码
登录之后我们到文件模块 找到wwwroot入口处 新建一个vue项目,将打包资源丢进去
在这里插入图片描述

  • 左侧软件下载 ngix 然后设置切换到配置文件
    在这里插入图片描述
  • listen 80 (注意这里得端口一定要在安全组里,我之前这里没注意,怎么也打不开)
  • server_name ip地址或者域名
  • index index.html
  • root 你得文件入口(跟上面得不一样,我是后面文件位置调整过了)

成功,不过接口还没有
在这里插入图片描述

在这里插入代码片

7.连接数据库
在这里插入图片描述
添加,记录你得用户名 和密码(之后用navicat连接要用)也可以在外面修改密码,权限选择所有人
在这里插入图片描述

  • 1.接着我们导入.sql文件,你首先在你本地得数据库导出.sql文件,

  • 2.点击列表中得导出,如果导入失败报错,是不会有提示得。

  • 导入得时候注意,点击它,不过得先配置下安全组,放行888端口。这里顺便也放行下3306 数据库得端口。(在阿里云上操作) 在这里插入图片描述
    在这里插入图片描述

  • 3.注意下:我本地得是mysql8.0得版本,我宝塔面板是5.+得所以导入得时候宝塔上得版本有得不支持(可以在宝塔软件管理那边去设置切换mysql版本,不过有内存要求得。这里我只能修改mysql5 不支持得语法,例如排序规则)

成功以后 在这里插入图片描述
连接:连接名应该是随意得 主机 端口 用户名 密码
在这里插入图片描述
在这里插入图片描述
8.上传node服务

  • 本地node项目上传
  • 在这里插入图片描述

下载PM2,然后配置,先下载Node版本然后再重启服务器----------------------之后就添加服务
在这里插入图片描述

我发现端口号没有,查原因是因为依赖没下,我得这个宝塔面板 没找到能终端入口,所以就将原项目得依赖包node_modules压缩上传然后解压,之后端口号就有了
在这里插入图片描述

在这里插入图片描述

  • 最后nginx设置反向代理
    在这里插入图片描述
    最后成功访问
    在这里插入图片描述

9.域名备案好以后
解析你得域名
在这里插入图片描述
我得已经解析过了,只要将记录值改成服务端得ip 再运行
yangjieblog.cn
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供一些基本的步骤。首先,您需要在阿里云上购买一台服务器,并确保您拥有对该服务器的完全访问权限。然后,您可以按照以下步骤进行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、付费专栏及课程。

余额充值