vue+node.js 发布到阿里云
- 租服务器
- 注册域名
- 域名解析
- 网站域名备案
- 使用宝塔面板
- 发布vue项目得前端代码
- 连接数据库
- 上传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