1.选择云服务器


348645ec22f4495baf55e7119e47bb4e.png

不选择腾讯云专享版本,OpenCloudOS9操作系统目前宝塔版本不支持安装Mongodb

选择CentOS Stream9支持20+的node版本


b04c32059ae64e64b532b816e02fefcc.png

2.在控制台中安装宝塔

打开控制台

 

14c3d66c54b941d281e0b420021255db.png

执行如下代码安装宝塔

yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

出现下图确认是否安装,输入y继续


d61352dcbc1d46f49124f71eebc7c297.png

最后安装完后出现如下代码

==================================================================
BT-Panel default info!
==================================================================
外网面板地址: https://175.xx.xx.xx:8888/xxxxx
内网面板地址: https://10.xx.xx.xx:8888/xxxxxx
username: xxxxx
password: ********
Warning:
If you cannot access the panel, 
release the following port (8888|888|80|443|20|21) in the security group
注意:初始密码仅在首次登录面板前能正确获取,其它时间请通过 bt 5 命令修改密码 bt 6修改用户名
==================================================================

确保生成的端口号已开放,腾讯云安全组和防火墙以及宝塔的防火墙都开启此端口


0e5163f3ef7447e3a89b8e3a3615069f.png


2822b0df795e4b7eb0bf76ff7a39787a.png


48cefb46b2624a02a06b3cc3753e7663.png

确保都开放后, https://175.xx.xx.xx:8888/xxxxx 登录宝塔,使用初始账号密码或已修改的

3.安装软件

在软件商店搜索nginx和Mongodb安装


142ded6102f046909148063ed4dc5506.png

c39cd969dcfa4311a9d2fb3ffb9d3307.png

 

在网站的node项目下安装node,选择合适的版本,并且选择命令行版本,必须选,不然终端没有npm


eb75c796d99347a2876b7e2261cd59a7.png

添加数据库,没有密码就不需要安全验证


63d6836e90b54518bfb15951abaf194a.png

4.部署node项目

在文件www/wwwroot 下创建目录(名字自取)存放node项目文件,不要把node_modules也放进去了,不然文件过大


2043061ec323446db5cbc9ca187f094c.png

在终端执行npm i安装依赖包


f010f39cf0d54db889e9bb4b5bbd3fb7.png

在网站的node项目中,点击添加node项目,项目目录为刚才创建的目录,启动选项默认,也可以改为开发环境运行的命令,比如npm start

添加端口号,端口也要在腾讯云的安全组,防火墙和宝塔的防火墙中都开启,最后确定添加


c747439133ad4375975d696961a7ed30.png

5.部署vue3+ts项目

和部署node项目一样,

在文件www/wwwroot 下创建目录(名字自取)将打包好的dist文件里的内容,放在该目录下


9e22d87a6e9d4f649fe04baa2f042cf2.png

添加在腾讯云解析好的域名

根目录为创建的文件夹,点击确认


44fade697fa44af88fddc778855455f9.png

修改配置,点击配置好的vue3项目设置

 

0b6aeacfbb6b4c8daaacc0b32b9a3874.png

找到配置文件选项,添加如下代码

location / {
try_files $uri $uri/ /index.html;
}
//为了防止页面刷新丢失显示404


1fbc73749cdd4c5086922056765dc62d.png

 

 

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐