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; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
总结辅助！购买的wpk辅助在哪...
总结辅助！购买的wpk辅助在哪里下载，德普之星辅助软件，解密教程（存在有挂）购买的wpk辅助在哪里下...
教程攻略！聚财平台辅助，小闲川...
教程攻略！聚财平台辅助，小闲川南宜宾辅助，办法教程（有挂工具）1、全新机制【小闲川南宜宾辅助ai辅助...
玩家亲测！poker worl...
玩家亲测！poker world辅助器，雀友会广东潮汕麻雀，攻略教程（有挂教学）1、全新机制【雀友会...
法门辅助！wpk控制牌是真的吗...
法门辅助！wpk控制牌是真的吗，hhpoker怎么破解，解迷教程（有挂讲解）1、起透看视 wpk控制...
查到实测辅助！情怀莆仙外挂，湖...
查到实测辅助！情怀莆仙外挂，湖北逍遥卡五星辅助，绝活儿教程（果真有挂）1、全新机制【湖北逍遥卡五星辅...
据统计！wepoker怎么设置...
据统计！wepoker怎么设置房间，hhpoker大菠萝有没有作比，模板教程（有挂技巧）1、全新机制...
模板辅助！wepoker透视a...
模板辅助！wepoker透视app下载，wepoker俱乐部辅助，曝光教程（发现有挂）1、下载好we...
教程辅助！乐乐围棋入门辅助，爱...
教程辅助！乐乐围棋入门辅助，爱来大菠萝挂，教材教程（有挂分析）1、不需要AI权限，帮助你快速的进行乐...
技术分享！werplan免费挂...
技术分享！werplan免费挂下载，天酷游戏交易平台，手筋教程（有挂方法）1、下载好天酷游戏交易平台...
法门辅助！wepoker开脚本...
法门辅助！wepoker开脚本视频，aapoker透视脚本下载，了解教程（有挂教学）aapoker透...