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

相关内容

热门资讯

专业讨论“旺旺填大坑透视挂”w... 专业讨论“旺旺填大坑透视挂”we poker辅助器v3.3（带开挂辅助安装专业教程）；无需打开直接搜...
教程辅助“广东雀伸辅助器”揭秘... 教程辅助“广东雀伸辅助器”揭秘有挂开挂辅助器揭秘攻略；无需打开直接搜索加（薇:136704302）咨...
透视软件“掌电竞技辅助器”we... 掌电竞技辅助器是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我微信...
教程辅助“微乐陕西小程序破解器... 教程辅助“微乐陕西小程序破解器”真的有挂开挂辅助脚本规律教程您好：微乐陕西小程序破解器这款游戏可以开...
玩家必用“欢聚水鱼辅助视频”来... 玩家必用“欢聚水鱼辅助视频”来玩德州破解器（带开挂辅助平台介绍教程）；无需打开直接搜索加（薇:136...
教程辅助“微乐小程序辅助”有挂... 教程辅助“微乐小程序辅助”有挂秘诀开挂辅助工具普及教程；亲，微乐小程序辅助这款游戏原来确实可以开挂的...
一分钟揭秘“德扑之星插件”德普... 一分钟揭秘“德扑之星插件”德普之星辅助工具如何设置（带开挂辅助插件技巧教程）《详细加薇1367043...
教程辅助“手机卡五星辅助软件”... 手机卡五星辅助软件是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我...
推荐攻略“传送屋有没有挂”德普... 推荐攻略“传送屋有没有挂”德普之星私人局透视（带开挂辅助平台wpk教程）您好：传送屋有没有挂这款游戏...
教程辅助“心悦提坑辅助器”真实... 教程辅助“心悦提坑辅助器”真实有挂开挂辅助工具必赢教程这是一款可以让一直输的玩家，快速成为一个“必胜...