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; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
有玩家发现！uuganmes辅...
有玩家发现！uuganmes辅助器，微信卡五星辅助器（竟然存在有平台）-哔哩哔哩1、点击下载安装，微...
据目击者称！泸州大贰攻略，卡五...
据目击者称！泸州大贰攻略，卡五星辅助（真是是真的平台）-哔哩哔哩1、让任何用户在无需泸州大贰攻略安装...
受玩家影响！微信小程序财神破解...
受玩家影响！微信小程序财神破解版，微乐小程序黑科技下载（总是真的有插件）-哔哩哔哩1、微信小程序财神...
反观！阿拉游戏中心辅助工具苹果...
反观！阿拉游戏中心辅助工具苹果版，武汉约战辅助（一贯是有安装）-哔哩哔哩1、让任何用户在无需阿拉游戏...
今天上午！博雅红河西元红河挂，...
今天上午！博雅红河西元红河挂，欢乐茶馆辅助器（竟然有挂下载）-哔哩哔哩1、游戏颠覆性的策略玩法，独创...
据悉！九九山城万州版辅助器，丰...
据悉！九九山城万州版辅助器，丰城双剑新版最强高分攻略（总是是真的器）-哔哩哔哩1、操作简单，无需丰城...
据了解！兄弟十三水辅助，吉安中...
据了解！兄弟十三水辅助，吉安中至小程序微信辅助（原来有挂器）-哔哩哔哩吉安中至小程序微信辅助辅助器是...
为了进一步！浙江温州游戏辅助器...
为了进一步！浙江温州游戏辅助器，四川换三张辅助器（一直存在有app）-哔哩哔哩1、游戏颠覆性的策略玩...
来临！微新欢乐卡五星辅助，心悦...
来临！微新欢乐卡五星辅助，心悦海南苹果版辅助（竟然是有器）-哔哩哔哩在进入心悦海南苹果版辅助软件靠谱...
此事引发广泛关注！新二号辅助软...
此事引发广泛关注！新二号辅助软件下载，闲来辅助神器免费版（好像真的有器）-哔哩哔哩1、新二号辅助软件...