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; }三、上传文件到服务器
上传成功之后，文件目录结构是这样的
四、测试运行
（顺序不一定要按照我写的顺序从上往下进行，反正最终的各种配置对得上就行）
相关内容
热门资讯
玩家爆料！广东雀神智能插件辅助...
玩家爆料！广东雀神智能插件辅助脚本，We poker辅助器下载，第三方教程（有挂工具）-哔哩哔哩；详...
一分钟揭秘！琼崖辅助软件，大菠...
一分钟揭秘！琼崖辅助软件，大菠萝789辅助器下载，高科技教程（有挂教学）-哔哩哔哩；琼崖辅助软件软件...
我来教大家！小闲川南手游辅助器...
我来教大家！小闲川南手游辅助器，德州透视插件，科技教程（竟然有挂）-哔哩哔哩;1、让任何用户在无需A...
最新研发！四川皮皮辅助，wep...
最新研发！四川皮皮辅助，wepoker私人局透视，曝光教程（的确有挂）-哔哩哔哩;AI辅助机器人普及...
玩家必看科普！微信微乐辅助器下...
玩家必看科普！微信微乐辅助器下载，wepoker亲友圈有用吗，揭秘教程（有挂存在）-哔哩哔哩是一款可...
研究成果！微信小程序雀神广东智...
【福星临门，好运相随】；研究成果！微信小程序雀神广东智能辅助，wepoker辅助器如何使用，解说技巧...
大神推荐！奇迹思维辅助，wep...
大神推荐！奇迹思维辅助，wepoker怎么提高运气，德州论坛（真的有挂）-哔哩哔哩;一、奇迹思维辅助...
重大来袭！花花生活圈开挂，哈糖...
重大来袭！花花生活圈开挂，哈糖大菠萝软件下载，wepoke教程（揭秘有挂）-哔哩哔哩；1、德州花花生...
最新研发！来几局是正规平台吗，...
最新研发！来几局是正规平台吗，哈糖大菠萝能开挂吗，技巧教程（有挂辅助）-哔哩哔哩；小薇（透视辅助）致...
玩家爆料！悟空大厅辅助器，we...
玩家爆料！悟空大厅辅助器，we poker辅助器，2025版教程（存在有挂）-哔哩哔哩是一款可以让一...