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

相关内容

热门资讯

黑科技规律！wepoke挂真的... 黑科技规律！wepoke挂真的假的，wepoke黑科技，总结教程（从来是真的有挂）是一款可以让一直输...
黑科技好友房(德州之星)外挂辅... 黑科技好友房(德州之星)外挂辅助插件(透视)2025新版总结(切实真的是有挂)德州之星辅助器中分为三...
黑科技私人局！（aa poke... 黑科技私人局！（aa poker）透明挂辅助脚本，（aapOker）从前有挂，解密教程（有挂软件）；...
aa扑克发牌机制(aaPOKE... aa扑克发牌机制(aaPOKER)aapoker有挂吗(辅助挂)科技教程(原来有挂)在进入aa扑克发...
黑科技能赢！wepoke的确有... 自定义wepoke软件透明挂系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器...
黑科技苹果版(AAPOKEr)... 黑科技苹果版(AAPOKEr)外挂透视辅助教程(透视)wpk教程(竟然真的有挂)；1、该软件可以轻松...
黑科技工具！（WPK）透视辅助... 黑科技工具！（WPK）透视辅助器，（wpK）其实真的是有挂，靠谱教程（有挂透视）；科技安装教程；13...
aapoker俱乐部(aAPO... aapoker俱乐部(aAPOKER)aapoker辅助工具(辅助挂)技巧教程(原来存在有挂)1）a...
黑科技线上！wpk有伙牌吗，w... 黑科技线上！wpk有伙牌吗，wpk辅助器安装，揭秘教程（原生存在有挂）；大神普及一款德州ai内幕，确...
黑科技辅助！（微扑克）透视辅助... 黑科技辅助！（微扑克）透视辅助app，（微扑克wpk）原先是真的有挂，实用技巧（有挂技巧）；原来确实...