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

相关内容

热门资讯

透明肯定！wepoker有辅助... 透明肯定！wepoker有辅助功能吗，广东雀神胜率修改，可靠教程（有挂开挂辅助神器）；无需打开直接搜...
四秒钟体悟！吉祥填大坑小程序脚... 四秒钟体悟！吉祥填大坑小程序脚本，川娱竞技血战辅助（有挂开挂辅助工具）；无需打开直接搜索薇:1367...
带你了解！博雅西苑曲靖棋牌辅助... 带你了解！博雅西苑曲靖棋牌辅助，葫芦娃手游辅助脚本（有挂开挂辅助挂）；无需打开直接搜索加（薇:136...
透视ai！pokemmo脚本辅... 透视ai！pokemmo脚本辅助器下载，哈糖大菠萝能开挂吗，wpk教程（有挂开挂辅助插件）；无需打开...
2手段！微乐家乡辅助app免费... 2手段！微乐家乡辅助app免费，广东雀神智能插件智能价格（有挂开挂辅助挂）；无需打开直接搜索加（薇:...
7阶段晓得！哈糖大菠萝免费辅助... 7阶段晓得！哈糖大菠萝免费辅助器，抚州麻将牌牌局修改器（有挂开挂辅助神器）；无需打开直接搜索加薇13...
普及知识！链接大厅辅助插件有哪... 普及知识！链接大厅辅助插件有哪些，越乡游辅助工具（有挂开挂辅助工具）；无需打开直接搜索打开薇:136...
透明安装！广东雀神智能插件计价... 透明安装！广东雀神智能插件计价格，红龙poker有辅助吗，技巧教程（有挂开挂辅助工具）；无需打开直接...
第6积累！雀神广东插件智能解码... 第6积累！雀神广东插件智能解码，小程序财神十三脚本（有挂开挂辅助平台）1、下载安装好雀神广东插件智能...
第8秒钟掌握！宝宝游戏辅助，财... 您好：财神十三张辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...