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、玩家可以在上品游戏辅助器透视最...
最新研发！微信小程序蜀山四川辅...
最新研发！微信小程序蜀山四川辅助器，杭州都莱辅助，指南教程（有挂技巧）一、微信小程序蜀山四川辅助器游...
一分钟了解！潮汕雀友会辅助，创...
一分钟了解！潮汕雀友会辅助，创思维激k辅助控制器，窍门教程（有挂教学）1、下载好创思维激k辅助控制器...
玩家必看科普！麻友圈插件，微信...
玩家必看科普！麻友圈插件，微信边锋辅助，学习教程（有挂秘籍）1、很好的工具软件，可以解锁游戏的微信边...
今日科普！乐乐围棋入门辅助，途...
今日科普！乐乐围棋入门辅助，途游辅助器，法子教程（有挂方法）；小薇（辅助器软件下载）致您一封信；亲爱...
玩家必备攻略！欢聚水鱼天下辅助...
玩家必备攻略！欢聚水鱼天下辅助，微友助手破解版，要领教程（发现有挂）1、欢聚水鱼天下辅助透视辅助软件...
专业讨论！白金岛跑胡子脚本，多...
专业讨论！白金岛跑胡子脚本，多乐辅助器，手册教程（有挂神器）亲，关键说明，白金岛跑胡子脚本透视脚本安...
玩家科普！皮皮辅助软件，四川家...
玩家科普！皮皮辅助软件，四川家园辅助软件，演示教程（有挂细节）所有人都在同一条线上，像星星一样排成一...
一分钟教你！随意玩脚本辅助工具...
一分钟教你！随意玩脚本辅助工具透视，川南九九辅助，步骤教程（有挂详情）1、很好的工具软件，可以解锁游...