尧图网络科技YAOTU DIGITAL 获取报价
获取报价
首页 / 资讯中心 / 文章详情

【项目配置】vue3项目上传到宝塔面板,图文保姆级教程!

发布时间:2026/9/19 0:21:48

资讯中心
01
ARTICLE

【项目配置】vue3项目上传到宝塔面板,图文保姆级教程!

【项目配置】vue3项目上传到宝塔面板,图文保姆级教程!
文章前言这几天在b站上学习vue3项目视频的后续也没有提到项目打包上传的事情。自己之前在阿里云买了一年服务器刚好可以用上。目录一、项目打包二、配置宝塔面板1、新建站名与基本配置2、配置伪静态代码3、上传dist文件夹4、修改网站目录三、测试一、项目打包在终端打开项目目录打包一下。npm run build打包成功后在目录中会生成一个dist文件夹二、配置宝塔面板跳过登录的环节这里默认大家登录成功1、新建站名与基本配置2、配置伪静态代码location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.html?s/$1 last; break; } }3、上传dist文件夹找到站点存放文件的位置4、修改网站目录三、测试记得是自己真实的公网ip放行端口
02
RELATED NEWS

相关资讯

更多网站建设与数字化升级内容

03
WHY YAOTU

想打造同款高转化官网?

懂行业、懂生意,从建站到增长一站式陪跑

场景化定制

不做模板站,围绕你的业务场景量身设计,小众不撞款。

营销型架构

以转化目标组织内容与路径,让官网真正带来询盘。

全周期服务

设计、开发、运营、运维一体,上线只是开始。

免费获取你的建站方案

留下需求,专属顾问 24 小时内为你输出方案建议。