宝塔部署nodejs后端项目和vue3+ts前端项目
1.选择云服务器

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

2.在控制台中安装宝塔
打开控制台

执行如下代码安装宝塔
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
出现下图确认是否安装,输入y继续

最后安装完后出现如下代码
==================================================================
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修改用户名
==================================================================
确保生成的端口号已开放,腾讯云安全组和防火墙以及宝塔的防火墙都开启此端口



确保都开放后, https://175.xx.xx.xx:8888/xxxxx 登录宝塔,使用初始账号密码或已修改的
3.安装软件
在软件商店搜索nginx和Mongodb安装


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

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

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

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

在网站的node项目中,点击添加node项目,项目目录为刚才创建的目录,启动选项默认,也可以改为开发环境运行的命令,比如npm start
添加端口号,端口也要在腾讯云的安全组,防火墙和宝塔的防火墙中都开启,最后确定添加

5.部署vue3+ts项目
和部署node项目一样,
在文件www/wwwroot 下创建目录(名字自取)将打包好的dist文件里的内容,放在该目录下

添加在腾讯云解析好的域名
根目录为创建的文件夹,点击确认

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

找到配置文件选项,添加如下代码
location / {
try_files $uri $uri/ /index.html;
}
//为了防止页面刷新丢失显示404

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


所有评论(0)