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

过程

安装宝塔面板

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

查看宝塔账号密码

sudo /etc/init.d/bt default

宝塔配置

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

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

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

添加站点

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

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

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

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

删除域名

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

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

点击Nginx,重启服务

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

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

访问网站

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

相关推荐
biu_biubiu24 分钟前
我开源了 Codebook
前端·vue.js
下山24 分钟前
怎么把带自研插件的 DeepSeek Harness 部署到云服务器
前端
彭亚川Allen32 分钟前
985 在职研究生到底怎么样?是不是水硕?是不是.....?
前端·后端·程序员
YufJi34 分钟前
两棵树,两个线程:一个小程序引擎的架构拆解
前端
super_Omni44 分钟前
Chrome 插件入驻实战:从 Manifest V3 到过审上架的完整路径
大数据·前端·chrome
腾讯数据架构师1 小时前
任务跑完怎么直接出图表?CubeStudio 任务可视化 ECharts 数据格式实操(CSV/JSON + metric.json,11 种图表一键渲染)
前端·json·echarts·数据可视化
小小小米粒1 小时前
不是在构造方法「之前」修饰 Bean、注入;是构造方法跑完之后,才做属性注入,再跑 @PostConstruct。
前端
小李科技1 小时前
【性能优化】事件委托:目标定位与 React/Vue 实战
前端·vue.js·react.js·面试·性能优化·前端框架
QianhangQianping2 小时前
一块大屏的数据在浏览器里怎么变成画面:背景、子屏、前景三层结构
前端·低代码·架构·编辑器·数据可视化·大屏可视化
梦想很大很大2 小时前
让 Codex 自由发挥,给 nvm-desktop 换个 UI
前端·人工智能·设计