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

相关内容

热门资讯

wepoke真的有挂!wepo... wepoke真的有挂!wepoke黑科技ai(WePoKe黑科技)都是真的是有挂(有挂方针)-哔哩哔...
微扑克ai机器人！微扑克有辅助... 微扑克ai机器人！微扑克有辅助，（微扑克）总是真的有挂，细节方法（有挂解惑）-哔哩哔哩；黑科技是一款...
WPK最新黑科技!wpk数据统... WPK最新黑科技!wpk数据统计(WPK ai辅助)最初有挂(2021已更新)(哔哩哔哩)1、让任何...
一分钟教会你"aa ... 一分钟教会你"aa poker有外挂吗"aapokerai代打(都是是真的有挂)-哔哩哔哩；一、aa...
wpk到底是有外挂！微扑克wp... wpk到底是有外挂！微扑克wpk安全，（Wpk）原来有挂，黑科技辅助挂（有挂细节）-哔哩哔哩;1分钟...
wepoke黑科技!wepok... wepoke黑科技!wepoke透明挂咋测试(WePoKe黑科技)确实真的有挂(有挂秘诀)-哔哩哔哩...
科普常识"aapok... 科普常识"aapokerai辅助"aapoker辅助软件(本来是真的有挂)-哔哩哔哩1、很好的工具软...
wpk ai辅助！wpk长期盈... 您好，这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款游戏中打牌都...
WpK最新黑科技!wpk线上打... WpK最新黑科技!wpk线上打法教学(WPK ai辅助)固有有挂(2021已更新)(哔哩哔哩)是一款...
wepoke透明黑科技!wep... wepoke透明黑科技!wepoke挂吗蓝鸟(WePoKe黑科技)其实有挂(有挂教程)-哔哩哔哩1、...