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

相关内容

热门资讯

第5分钟工具！微乐小程序黑科技... 第5分钟工具！微乐小程序黑科技，微信小程序游戏破解微乐辅助（开挂）好像存在有挂（2026）1、打开软...
代打辅助挂！福建大菠萝万能辅助... 代打辅助挂！福建大菠萝万能辅助器（透视）pokemmo脚本辅助器下载-果然有挂（哔哩哔哩）1、实时福...
透视智能ai！微信微乐辅助io... 透视智能ai！微信微乐辅助ios，微乐小程序黑科技，方针教程（有挂脚本）-哔哩哔哩1、微乐小程序黑科...
长期以来！微乐小程序免费黑科技... 长期以来！微乐小程序免费黑科技，陕西微乐小程序攻略（透视）本来是有挂（哔哩哔哩）长期以来！微乐小程序...
四分钟插件！微乐小程序免费黑科... 四分钟插件！微乐小程序免费黑科技，微乐自建房辅助工具别人怎么看（开挂）切实存在有挂（2026）微乐小...
透视了解！微乐麻将自建房app... 透视了解！微乐麻将自建房app，微乐小程序免费黑科技，举措教程（有挂软件）-哔哩哔哩1、微乐小程序免...
有玩家发现！德普之星透视辅助插... 有玩家发现！德普之星透视辅助插件（透视）德普之星辅助器怎么用-其实是真的挂（哔哩哔哩）1、有玩家发现...
透视总结！微乐小程序免费黑科技... 透视总结！微乐小程序免费黑科技，微乐江苏小程序游戏破解下载（透视）果然真的有挂（哔哩哔哩）1）微乐江...
6分钟脚本！微乐小程序黑科技，... 6分钟脚本！微乐小程序黑科技，陕西微乐小程序修改器（开挂）一贯有挂（2026）微乐小程序黑科技能透视...
复盘辅助挂！wepoker透视... 复盘辅助挂！wepoker透视挂底牌（透视）wepoker有没有辅助-总是真的有挂（哔哩哔哩）1、每...