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

过程

安装宝塔面板

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

查看宝塔账号密码

sudo /etc/init.d/bt default

宝塔配置

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

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

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

添加站点

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

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

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

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

删除域名

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

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

点击Nginx,重启服务

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

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

访问网站

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

相关推荐
2301_78139252几秒前
提高前端开发效率的利器:VUE常用组件及应用
前端·javascript·vue.js
golang学习记8 分钟前
VS Code 2025 最强“黑科技”特性:效率直接拉满!
前端
Mintopia13 分钟前
📘 领域适配 AIGC:垂直行业 Web 应用的微调技术实践
前端·aigc·ai编程
llq_35015 分钟前
pnpm 中的硬链接(hard link)和符号链接(symlink)
前端
南屿im16 分钟前
前端性能基准测试入门:用 Benchmark.js 做出数据驱动的选择
前端·javascript
ssshooter19 分钟前
linkProgram 和 useProgram 分别执行了什么动作?
前端·webgl
TZOF19 分钟前
TypeScript的静态类型检查,在js中经常会遇到的困扰
前端·javascript·typescript
_大学牲20 分钟前
Flutter 集成 Google ML Kit 体态识别模型 (二) 如何用姿态数据实现运动动作检测
前端·app
今禾22 分钟前
深入理解CSS媒体查询
前端·css·面试
我的写法有点潮22 分钟前
还在手写动画吗,这3个CSS库该看看了
前端·javascript·css