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

过程

安装宝塔面板

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

查看宝塔账号密码

sudo /etc/init.d/bt default

宝塔配置

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

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

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

添加站点

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

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

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

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

删除域名

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

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

点击Nginx,重启服务

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

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

访问网站

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

相关推荐
Championship.23.249 分钟前
Open Source Pipeline Skill深度解析:自动化开源贡献全流程
前端·javascript·html
Bigger10 分钟前
🧠 前端岗位的"结构性调整":现象背后的冷思考
前端·程序员·ai编程
薯老板14 分钟前
vue组件之间的通信
前端·vue.js
迪菲赫尔曼14 分钟前
从 0 到 1 打造工业级推理控制台:UltraConsole(Ultralytics + FastAPI + React)开源啦!
前端·yolo·react.js·计算机视觉·开源·fastapi
万邦科技Lafite15 分钟前
京东开放API接口:item_get返回参数指南
java·前端·javascript·api·电商开放平台
梦想CAD控件19 分钟前
网页CAD协同设计平台-生产级在线实时协同CAD引擎
前端·javascript·架构
Highcharts.js20 分钟前
React 开发实战:如何使用 useEffect 为 Highcharts 注入实时数据
前端·javascript·react.js·开发实战·实时数据·highcharts·轮询数据
陆枫Larry21 分钟前
Vue Slot 到底在解决什么问题?
前端
梦想很大很大29 分钟前
让 AI 成为“报表配置员”:BI 低代码平台的 Schema 实践路径
前端·人工智能·低代码
用户0595401744639 分钟前
asyncio 踩坑实录:这个问题坑了我3小时,差点让线上服务崩掉
前端·css