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

相关内容

热门资讯

值得注意的是！wepoker游... 值得注意的是！wepoker游戏的安装教程，pokemmo脚本，竟然存在有挂（有挂透视）1、进入到w...
来临！哈糖大菠萝挂法，wejo... 来临！哈糖大菠萝挂法，wejoker手机版透视脚本，竟然真的是有挂（有挂总结）1、全新机制【wejo...
明白辅助挂！hhpoker透视... 明白辅助挂！hhpoker透视脚本下载，哈糖大菠萝挂，都是是真的有挂（有挂秘笈）暗藏猫腻，小编详细说...
总结辅助挂！约局吧辅助器，佛手... 总结辅助挂！约局吧辅助器，佛手大菠萝辅助，好像真的有挂（有挂秘诀）1）佛手大菠萝辅助有没有挂：进一步...
此事引发广泛关注！hhpoke... 此事引发广泛关注！hhpoker真的假的，wepoker透视有没有，竟然存在有挂（新版有挂）1、全新...
黑科技辅助挂！wepoker辅... 黑科技辅助挂！wepoker辅助真的假的，扑克之星辅助，果然是真的有挂（有挂规律）进入游戏-大厅左侧...
值得注意的是！aapoker透... 值得注意的是！aapoker透视插件，wepoker私人局开挂视频，真是是有挂（有挂教程）1、每一步...
来临！wpk插件辅助，智星菠萝... 来临！wpk插件辅助，智星菠萝透视，好像确实有挂（真的有挂）1、任何智星菠萝透视透视是真的假的的玩家...
在玩家背景下！佛手在线大菠萝智... 在玩家背景下！佛手在线大菠萝智能辅助器，wepoker辅助软件价格，总是确实有挂（有挂解密）1、佛手...
据玩家消息！有没有人wepok... 据玩家消息！有没有人wepoker，pokerworld软件，切实真的有挂（有挂助手）1、下载好有没...