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

相关内容

热门资讯

黑科技透视(AAPOKer)外... 黑科技透视(AAPOKer)外挂透明挂黑科技辅助插件(透视)德州教程(2026已更新)(哔哩哔哩)是...
黑科技ai!wepoke黑科技... 黑科技ai!wepoke黑科技ai,太坑了一直真的有挂(透视)教你攻略(2020已更新)(哔哩哔哩)...
黑科技ai(德州ai智能)fi... 黑科技ai(德州ai智能)fishpoker俱乐部素来真的有挂!太实锤了原本是有挂(2026已更新)...
黑科技了解(德州之星手游)外挂... 黑科技了解(德州之星手游)外挂透明挂辅助黑科技(透视)普及教程(2020已更新)(哔哩哔哩)1、德州...
黑科技功能(线上微扑克)外挂透... 黑科技功能(线上微扑克)外挂透明挂黑科技辅助代打(透视)分享教程(2025已更新)(哔哩哔哩);一、...
黑科技安装!wpk俱乐部,太实... 黑科技安装!wpk俱乐部,太实锤了切实有挂(透视)总结教程(2020已更新)(哔哩哔哩)；1、许多玩...
黑科技挂(红龙扑克)epoke... 黑科技挂(红龙扑克)epoker原来存在有挂!太离谱了素来真的是有挂(2026已更新)(哔哩哔哩)关...
黑科技app(众合推扑克)外挂... 黑科技app(众合推扑克)外挂透明挂辅助工具(透视)系统教程(2026已更新)(哔哩哔哩)1、众合推...
黑科技最新(德扑助手)外挂透明... 黑科技最新(德扑助手)外挂透明挂黑科技辅助插件(透视)我来教教你(2021已更新)(哔哩哔哩)；无聊...
黑科技数据!wpk真的有外挂,... 黑科技数据!wpk真的有外挂,太坑了本来是真的有挂(透视)微扑克教程(2020已更新)(哔哩哔哩)小...