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智能a... 黑科技代打(wepoke智能ai)wepokeapp下载教程(wEpoke)一直有挂(真的有挂)-哔...
黑科技中牌率(wepoke真的... 黑科技中牌率(wepoke真的有挂)wepoke有辅助吗(Wepoke)从来是真的有挂(有挂技术)-...
黑科技教学(wepoke黑科技... 这是一款非常优秀的 ia辅助检测软件，能够让你了解到中牌率当中全部隐藏参数，与同类被系统制裁软件相比...
黑科技智能ai(wepoke透... 黑科技智能ai(wepoke透明黑科技)wopoker轻量版外挂(wePOke)原本是有挂(有挂讲解...
黑科技玄学(wepoke辅助插... 黑科技玄学(wepoke辅助插件)wepoke软件透明(WEPOke)本然存在有挂(真的有挂)-哔哩...
黑科技脚本(wepoke黑科技... 黑科技脚本(wepoke黑科技)We辅poker助(wePoKe)原生有挂(了解有挂)-哔哩哔哩；揭...
黑科技了解(wepoke黑科技... 《软件透明挂》是一款多人竞技的辅助透视游戏，你将微扑克对手来到同一个战场，为至高无上的荣耀进行一次自...
黑科技辅助(wepoke透明黑... 黑科技辅助(wepoke透明黑科技)wopoker系统机制(wepoker)果然是有挂(有挂存在)-...
黑科技安卓版(wepoke智能... 黑科技安卓版(wepoke智能ai)Wepoke黑科技设备(wepoker)都是有挂(有挂解惑)-哔...
黑科技辅助挂(wepoke透明... 黑科技辅助挂(wepoke透明黑科技)wpeoke软件下载(WEpoke)竟然存在有挂(竟然有挂)-...