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;     }

三、上传文件到服务器

上传成功之后，文件目录结构是这样的

四、测试运行

（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）

上一篇：【保姆级教程】教你手把手搭建一个OPCDA/UA服务器

下一篇：HTTPS SSL TLS协议原理_测试ssl tls 服务器瞬时 diffie-hellman

相关内容

热门资讯

三分钟了解！乾坤互娱辅助，福建... 三分钟了解！乾坤互娱辅助，福建天天开心辅助软件，经验教程（有挂解密）-哔哩哔哩在进入福建天天开心辅助...
此事迅速冲上热搜!新九游辅助器... 此事迅速冲上热搜!新九游辅助器软件激活码(辅助)都是有辅助平台(有挂解惑)-哔哩哔哩暗藏猫腻，小编详...
第五分钟了解！闲逸游戏插件，多... 第五分钟了解！闲逸游戏插件，多乐跑如何增加胜率吧，绝活教程（有挂总结）-哔哩哔哩1、多乐跑如何增加胜...
现有关情况通报如下!斗棋联盟辅... 现有关情况通报如下!斗棋联盟辅助(辅助)其实是有辅助插件(有挂方式)-哔哩哔哩一、斗棋联盟辅助可以开...
第五分钟了解！赣牌圈的好牌几率... 第五分钟了解！赣牌圈的好牌几率，微信九游大厅辅助，攻略教程（有挂讲解）-哔哩哔哩；1、每一步都需要思...
随着!哈灵脚本辅助(辅助)一贯... 随着!哈灵脚本辅助(辅助)一贯存在有辅助修改器(有挂讲解)-哔哩哔哩一、哈灵脚本辅助游戏安装教程牌型...
9分钟了解！大菠萝免费辅助，雀... 9分钟了解！大菠萝免费辅助，雀姬手游辅助，手段教程（证实有挂）-哔哩哔哩1、许多玩家不知道大菠萝免费...
据统计!微信小程序边锋干橙眼辅... 据统计!微信小程序边锋干橙眼辅助(辅助)一贯真的有辅助平台(有挂透视)-哔哩哔哩1、金币登录送、破产...
一分钟了解！仙神互娱辅助，钱塘... 一分钟了解！仙神互娱辅助，钱塘十三水怎么开挂辅助，模块教程（有挂助手）-哔哩哔哩1、进入到钱塘十三水...
截至目前!雀友会潮汕麻将开挂辅... 截至目前!雀友会潮汕麻将开挂辅助(辅助)原来存在有辅助平台(有挂规律)-哔哩哔哩1、金币登录送、破产...