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; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
据了解!天天微友下载ios辅助...
据了解!天天微友下载ios辅助(辅助)切实是真的有辅助神器(有挂秘籍)亲，关键说明，天天微友下载io...
今日!凑一桌游戏辅助(辅助)一...
今日!凑一桌游戏辅助(辅助)一直真的是有辅助挂(今日头条)1、不需要AI权限，帮助你快速的进行凑一桌...
黑科技技巧!微乐富足和靠谱吗(...
黑科技技巧!微乐富足和靠谱吗(辅助)一直存在有辅助器(有人有挂)1、打开软件启动之后找到中间准星的标...
近期!微信开心泉州有技巧吗(辅...
近期!微信开心泉州有技巧吗(辅助)真是真的有辅助挂(有挂头条)所有人都在同一条线上，像星星一样排成一...
截至目前!广西微乐小程序微信辅...
截至目前!广西微乐小程序微信辅助器免费(辅助)果然确实有辅助教程(有挂技巧)暗藏猫腻，小编详细说明广...
最终!唯思竞技修改器(辅助)真...
最终!唯思竞技修改器(辅助)真是真的是有辅助挂(有人有挂)1、起透看视 唯思竞技修改器辅助软件价格2...
更值得关注的是!微新欢乐卡五星...
更值得关注的是!微新欢乐卡五星辅助(辅助)一贯真的是有辅助软件(有挂方法)1、在微新欢乐卡五星辅助插...
2026版方法!丽水茶苑辅助工...
2026版方法!丽水茶苑辅助工具(辅助)原来是有辅助器(有挂技巧)丽水茶苑辅助工具辅助器是一种具有地...
教学辅助挂!微乐小程序晃晃脚本...
教学辅助挂!微乐小程序晃晃脚本(辅助)一贯存在有辅助技巧(有挂秘籍)1、玩家可以在微乐小程序晃晃脚本...
攻略辅助挂!吉祥填大坑辅助器攻...
攻略辅助挂!吉祥填大坑辅助器攻略(辅助)一贯真的有辅助app(有挂教程)1）吉祥填大坑辅助器攻略辅助...