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

相关内容

热门资讯

透视脚本！aapoker辅助器... 透视脚本！aapoker辅助器是真的吗，aapoker俱乐部靠谱吗，辅助教程（一贯真的有挂）1）aa...
透视软件！wpk透视辅助，（w... 透视软件！wpk透视辅助，（wpK透视）透视工作室（切实真的有挂）1、这是跨平台的wpk透视辅助黑科...
透视脚本！wepoker有用吗... 透视脚本！wepoker有用吗，（WEPOKER方法）一直有挂（详细购买模拟器）1、wepoker有...
透视脚本！wejoker辅助机... 透视脚本！wejoker辅助机器人（WEPOKER辅助工具）高级辅助（其实有挂）1、进入到wejok...
透视脚本！aapoker插件下... 透视脚本！aapoker插件下载，aapoker辅助软件合法吗，专业教程（一贯真的是有挂）1、游戏颠...
透视私人局！wpk透视辅助下载... 透视私人局！wpk透视辅助下载，（wpK透视）原来存在有挂（详细模拟器多开）1、wpk透视辅助下载系...
透视真的！wepoker透视辅... 透视真的！wepoker透视辅助下载，wejoker私人辅助软件（透视本来有挂）1、wejoker私...
透视神器！wepoker透视有... 透视神器！wepoker透视有用吗（WEPOKER透视脚本）私人局透视教程（其实真的有挂）1、该软件...
透视好友！wpk透视辅助，（W... 透视好友！wpk透视辅助，（WpK免费）透视辅助方法（都是有挂）1、wpk透视辅助透视辅助简单，wp...
透视脚本！aapoker万能辅... 透视脚本！aapoker万能辅助器，aapoker透视脚本，科技教程（总是有挂）1、进入到aapok...