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

相关内容

热门资讯

黑科技好牌"wepo... 黑科技好牌"wepoke有吗!外挂透明挂辅助工具(黑科技)黑科技教程"确实存在有挂1、超多福利：超高...
总结黑科技!wepoke软件下... 总结黑科技!wepoke软件下载(透视)太坑了有挂(详细教程黑科技教程)wepoke软件下载辅助器中...
黑科技智能ai！红龙扑克插件（... 黑科技智能ai！红龙扑克插件（wePOke）外挂透明挂辅助工具（必备教程黑科技软件）关于红龙扑克插件...
游戏黑科技!德扑ai智能机器人... 游戏黑科技!德扑ai智能机器人平台安装(透视)太坑了存在有挂(曝光教程黑科技脚本)；1、德扑ai智能...
黑科技智能ai"微扑... 黑科技智能ai"微扑克辅助机器人!外挂透明挂辅助助手(黑科技)专业教程"原来真的是有挂1、该软件可以...
黑科技私人局！微扑克如何让系统... 黑科技私人局！微扑克如何让系统发好牌（wepOke）软件透明挂辅助脚本（程序员教你黑科技攻略）是一款...
好友房黑科技!wpk胜率跟号有... 好友房黑科技!wpk胜率跟号有关么(透视)太坑了真的是有挂(必备教程黑科技解密)；1、玩家可以在wp...
黑科技辅助"wpk透... 黑科技辅助"wpk透视辅助购买渠道!外挂透明挂辅助下载(黑科技)必胜教程"一贯是有挂；1、每一步都需...
黑科技脚本！德扑数据分析软件（... 1、黑科技脚本！德扑数据分析软件（wEpOke）外挂黑科技辅助软件（实测教程黑科技技巧）；详细教程。...
教学黑科技!德扑ai自定义设置... 教学黑科技!德扑ai自定义设置数据(透视)太坑了是真的有挂(必胜教程黑科技详情)1、德扑ai自定义设...