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

过程

安装宝塔面板

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

查看宝塔账号密码

sudo /etc/init.d/bt default

宝塔配置

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

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

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

添加站点

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

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

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

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

删除域名

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

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

点击Nginx,重启服务

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

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

访问网站

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

相关推荐
百度一下吧6 小时前
Nginx 使用手册:从安装配置到实战部署
运维·nginx
Setsuna_F_Seiei6 小时前
前端转型 Agent 开发 06 之 Agent Memory 记忆系统(让 Agent 更智能,更懂你)
前端·agent·ai编程
志尊宝6 小时前
Vue3 零基础每日笔记(073):keep-alive 页面缓存实战——列表页返回不丢状态
vue.js·笔记·缓存·#vue #前端 #前端开发·#javascript·#vue.js
zhangzeyuaaa7 小时前
Ruby 多线程、GVL(GIL)与 Mutex 完全指南
开发语言·前端·ruby
默_笙7 小时前
🌊 向量库和 ES 都查不出"关系",我只好给奶茶建了一张人脉网
前端·javascript
优选资讯7 小时前
标签打印软件怎么对接 Excel 数据
前端·excel
一个风轻云淡8 小时前
GCC 和 GDB命令简单解读
java·linux·前端
u0111026759 小时前
图片处理接口如何统一错误信息 前端提示与后端错误码设计
前端·状态模式
福兮说9 小时前
浏览器里把 iPhone 的 HEIC 转成 JPG:Chrome 解不开、转完大了七成、拍摄时间全丢,六个坑实测
前端·javascript·图像处理·chrome·ios·iphone·heic
libokaifa9 小时前
把语音模型塞进手机:sherpa-onnx 在 Android 上的 ASR / TTS
前端