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; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
目前来看！微信小程序免费黑科技...
您好，微信小程序免费黑科技这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很...
实测分享！钱塘十三水怎么开挂辅...
实测分享！钱塘十三水怎么开挂辅助，随意玩有没有辅助，模块教程（果真有挂）1、上手简单，内置详细流程视...
现场直击！微信小程序免费黑科技...
现场直击！微信小程序免费黑科技透视，同乡游辅助工具妙招教程（真的有挂）微信小程序免费黑科技透视方法中...
必备科技！科乐游戏辅助脚本视频...
必备科技！科乐游戏辅助脚本视频，开心泉州小程序辅助免费下载，模板教程（详细教程）1、每一步都需要思考...
教程攻略！微乐小程序免费黑科技...
教程攻略！微乐小程序免费黑科技苹果，wepoker插件程序讲义教程（真实有挂）1、起透看视 微乐小程...
分享一款！微信边锋辅助挂件，战...
分享一款！微信边锋辅助挂件，战皇大厅辅助那个可靠，绝活儿教程（有挂方式）1、微信边锋辅助挂件辅助软件...
玩家科普！微信小程序免费黑科技...
玩家科普！微信小程序免费黑科技透视，乐酷辅助图片法子教程（有挂教程）微信小程序免费黑科技辅助器是一种...
普及知识！新畅游互娱辅助app...
普及知识！新畅游互娱辅助app，微友联盟辅助下载，方案教程（有挂猫腻）1、完成新畅游互娱辅助app有...
必看攻略！微乐小程序免费黑科技...
必看攻略！微乐小程序免费黑科技安卓，江西中至小程序黑科技教程书教程（有挂详情）所有人都在同一条线上，...
玩家必看分享！微乐智能辅助软件...
玩家必看分享！微乐智能辅助软件是真的吗，盛世辅助器，手册教程（发现有挂）1、让任何用户在无需微乐智能...