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分钟了解“兴动游戏辅助器”详细透视开挂辅助下载-哔哩哔哩;1、很好的兴动游戏辅助器工具软件，可以...
第七分钟了解(奉化明扣)外挂辅... 第七分钟了解(奉化明扣)外挂辅助助手(辅助挂)新2025版(2021已更新)(哔哩哔哩)是一款可以让...
第5分钟辅助！aapoker俱... 第5分钟辅助！aapoker俱乐部靠谱吗，hhpoker真的假的，教你攻略（有挂头条）-哔哩哔哩1、...
一分钟了解“挂机大菠萝辅助工具... 一分钟了解“挂机大菠萝辅助工具”详细透视开挂辅助工具-哔哩哔哩；挂机大菠萝辅助工具最新版本免费下载安...
第9分钟了解(豆芽娱乐)外挂透... 您好：豆芽娱乐这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，...
第1分钟晓得！werplan辅... 第1分钟晓得！werplan辅助软件，wpk脚本下载，详细教程（有挂秘笈）-哔哩哔哩1、werpla...
五分钟了解“hhpoker免费... 五分钟了解“hhpoker免费辅助器”详细透视开挂辅助挂-哔哩哔哩;hhpoker免费辅助器AI智能...
一分钟了解(皇冠十三水)外挂透... 一分钟了解(皇冠十三水)外挂透明挂辅助下载(辅助挂)实用技巧(2023已更新)(哔哩哔哩);亲，有的...
第8分钟知晓！哈糖大菠萝挂，a... 第8分钟知晓！哈糖大菠萝挂，aapoker辅助工具安全吗，透明挂教程（发现有挂）-哔哩哔哩1、用户打...
十分钟了解“微信小程序开发”详... 十分钟了解“微信小程序开发”详细透视开挂辅助攻略-哔哩哔哩；微信小程序开发最新软件透明挂直接下载安装...