Vite打包Vue3项目，利用宝塔部署到服务器
创始人
2025-01-19 11:02:46
0次
一、Vite打包配置、打包
按照如图的配置，将vite.config.js的 base 改为 /dist/
然后npm run build
就会得到左边的这个dist文件夹，这就是打包好的文件
二、创建项目
创建项目以及项目配置
我在服务器安装的php是5.6版本的，其他版本可以自己试一下
解决刷新404问题
location / { # root定义网站根目录 html 即网页所在目录 root /www/wwwroot/test.com/dist; # index定义网站的首页 html/index.html index index.html index.htm; # 避免f5刷新后404 try_files $uri $uri/ /index.html; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
最终！皮球茶馆辅助器，中至余干...
最终！皮球茶馆辅助器，中至余干破解器，力荐教程（切实是真的挂）-哔哩哔哩中至余干破解器辅助器中分为三...
现场直击！微信多乐跑辅助，哈糖...
现场直击！微信多乐跑辅助，哈糖大菠萝破解器，透明挂教程（其实有挂）-哔哩哔哩1、哈糖大菠萝破解器系统...
最终！微乐家乡麻辣自建房辅助a...
最终！微乐家乡麻辣自建房辅助app，哥哥打大a有没有辅助，介绍教程（都是真的是有挂）-哔哩哔哩1、微...
受玩家影响！广东雀神祈福真的有...
受玩家影响！广东雀神祈福真的有用吗，南宁友乐辅助，攻略教程（都是存在有挂）-哔哩哔哩1、该软件可以轻...
此事引发网友热议！闽乐乐510...
此事引发网友热议！闽乐乐510k脚本，多乐辅助app，黑科技教程（原来是真的挂）-哔哩哔哩1、下载好...
不少玩家反映！微乐老友广东辅助...
不少玩家反映！微乐老友广东辅助器，逗好乐游辅助器，德州教程（总是有挂）-哔哩哔哩1、微乐老友广东辅助...
出乎意料的是！福麻圈辅助，丰城...
出乎意料的是！福麻圈辅助，丰城呱呱辅助器，透明挂教程（真是真的是有挂）-哔哩哔哩暗藏猫腻，小编详细说...
网友热议！腾达填大坑辅助器，微...
网友热议！腾达填大坑辅助器，微信小程序微乐房间怎么开挂，德州论坛（果然存在有挂）-哔哩哔哩该软件可以...
于此同时！决战卡五星辅助ios...
于此同时！决战卡五星辅助ios，家乡大二辅助，玩家教你（真是存在有挂）-哔哩哔哩一、决战卡五星辅助i...
目前！广东闲来辅助，广西友乐免...
目前！广东闲来辅助，广西友乐免费辅助，黑科技教程（果然有挂）-哔哩哔哩1）广西友乐免费辅助辅助挂：进...