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; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
来临!赣牌圈的好牌几率&quo...
来临!赣牌圈的好牌几率"教你辅助插件"原来存在有挂(哔哩哔哩)小薇（辅助器软件下载）致您一封信；亲爱...
第6分钟了解!超凡辅助软件!都...
第6分钟了解!超凡辅助软件!都是是真的有辅助软件(真的有挂)-哔哩哔哩1、超凡辅助软件有没有辅助教程...
长期以来!心悦踢辅助软件&qu...
长期以来!心悦踢辅助软件"解迷辅助方法"总是存在有挂(哔哩哔哩)1、超多福利：超高返利，海量正版游戏...
5分钟了解!潮汕激k辅助器!原...
5分钟了解!潮汕激k辅助器!原来是真的有辅助脚本(有挂解密)-哔哩哔哩1、首先打开潮汕激k辅助器辅助...
现有说明如下!极速暗宝辅助&q...
现有说明如下!极速暗宝辅助"详细辅助器"总是确实有挂(哔哩哔哩)1）极速暗宝辅助辅助插件：进一步探索...
3分钟了解!胡乐安庆辅助工具!...
3分钟了解!胡乐安庆辅助工具!切实真的是有辅助工具(有挂秘籍)-哔哩哔哩1、下载好胡乐安庆辅助工具透...
透视透视!欢乐情怀辅助器&qu...
透视透视!欢乐情怀辅助器"必备辅助脚本"原来真的有挂(哔哩哔哩)1.欢乐情怀辅助器 选牌创建新账号，...
第8分钟了解!微信牵手跑的快辅...
第8分钟了解!微信牵手跑的快辅助!竟然有辅助神器(有挂规律)-哔哩哔哩1、让任何用户在无需微信牵手跑...
攻略辅助挂!相约互娱辅助&qu...
攻略辅助挂!相约互娱辅助"有挂辅助app"果然真的有挂(哔哩哔哩)1、首先打开相约互娱辅助辅助器下载...
第4分钟了解!多乐脚本辅助器!...
第4分钟了解!多乐脚本辅助器!真是是有辅助工具(有挂头条)-哔哩哔哩1、第4分钟了解!多乐脚本辅助器...