第一次使用腾讯云轻量应用服务器配置宝塔面板部署前端vue项目

过程

安装宝塔面板

重装系统,选择宝塔面板镜像

查看宝塔账号密码

sudo /etc/init.d/bt default

宝塔配置

在服务器防火墙添加规则,配置上述端口号8888

随后访问提供的外网面板地址,使用安装后给出的账号密码登录

注册堡塔账号后,输入服务器ip和密码,进行安装,选择推荐环境

添加站点

进入面板,进入文件,新建文件夹,上传源码

项目打包 npm run build 进入打包好的文件夹,内容后续上传面板

注意上传成功后前端网页的路径

宝塔面板添加站点,域名随意,ip和端口需要与服务器一致

删除域名

修改站点配置,根据报错注释掉相应配置,注意这里root修改成了我之前上传文件的根目录

其实可以先建站点,随后将打包好的文件上传到自动生成的站点文件夹中

点击Nginx,重启服务

如果没有显示,则进入软件商店,将已安装的软件显示

添加服务器防火墙对应端口规则,上述服务我设置端口为12345

访问网站

随后通过服务器IP或绑定的域名+端口号即可访问

相关推荐
dy171713 小时前
二维码打印
前端·javascript·vue.js
智商不够_熬夜来凑13 小时前
【Radio & Checkbox】
前端·javascript·vue.js
xiaofeichaichai13 小时前
Diff 算法
前端·javascript
Larcher13 小时前
从 0 到 1:用 Bun + axios 快速搭建 LLM API 客户端
前端·javascript
子午13 小时前
基于DeepSeek的酒店客房管理系统~Python+DeepSeek智能问答+Vue3+Web网站系统
开发语言·前端·python
bkspiderx13 小时前
Boa Web服务器HTTPS支持的源码改造方案
服务器·前端·https·web服务器·boa·https支持
贺今宵13 小时前
Vue 3 + Capacitor 使用jeep-sqlite,web端使用本地sqlite数据库
前端·数据库·vue.js·sqlite·web
taocarts_bidfans14 小时前
Google Indexing API 外贸独立站主动推送收录实战开发
前端·独立站·外贸独立站·taoify
小云小白14 小时前
企业抗量子落地指南(一)全链路抗量子 TLS1.3 落地指南(浏览器 → Nginx → SpringBoot)
spring boot·nginx·抗量子通信
lichenyang45314 小时前
鸿蒙 Stage 模型到底是什么?一篇讲清 Ability、EntryAbility 和入口文件为什么这么设计
前端