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

相关内容

热门资讯

不少玩家反映!手机辅助脚本工具... 不少玩家反映!手机辅助脚本工具!原来有挂辅助平台(今日头条)-哔哩哔哩1、手机辅助脚本工具透视辅助软...
今日科普！hardrock透视... 今日科普！hardrock透视工具，wepoker私人局透视，揭幕教程（确实有挂）-哔哩哔哩一、we...
受玩家影响!微信小程序游戏修改... 受玩家影响!微信小程序游戏修改器!都是有挂辅助平台(真的有挂)-哔哩哔哩1、微信小程序游戏修改器公共...
必看攻略！cloudpoker... 必看攻略！cloudpoker作弊，wpk俱乐部有没有辅助，总结教程（有挂透明挂）-哔哩哔哩1、下载...
有消息称!雀友会广东潮汕bus... 有消息称!雀友会广东潮汕bus!本来是真的辅助神器(新版有挂)-哔哩哔哩所有人都在同一条线上，像星星...
科技揭秘！佛手在线大菠萝为什么... 科技揭秘！佛手在线大菠萝为什么都输，wepoker永久免费脚本，关于教程（有挂秘笈）-哔哩哔哩运佛手...
现有说明如下!吉林心悦有挂吗!... 现有说明如下!吉林心悦有挂吗!确实存在有辅助安装(详细教程)-哔哩哔哩吉林心悦有挂吗破解侠是真的助透...
终于知道！wepoker插件下... 终于知道！wepoker插件下载，wepokerplus万能挂，分享教程（有挂实锤）-哔哩哔哩1、玩...
刚刚!随意玩家透视辅助!确实存... 刚刚!随意玩家透视辅助!确实存在有辅助挂(有人有挂)-哔哩哔哩1、任何随意玩家透视辅助透视是真的假的...
一分钟揭秘！hhpoker是内... 一分钟揭秘！hhpoker是内部控制吗，wejoker内置辅助，辅助教程（有挂工具）-哔哩哔哩1、h...