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

相关内容

热门资讯

玄学辅助挂（德扑）德朴之星辅助... 玄学辅助挂（德扑）德朴之星辅助器（AI）德朴之星辅助器（竟然存在有挂）；1、点击下载安装，德朴之星辅...
透视辅助！wpk德州职业代打，... 透视辅助！wpk德州职业代打，wpk辅助，详细教程（有挂技巧）；进入游戏-大厅左侧-新手福利-激活码...
黑科技能赢"德扑之星... 黑科技能赢"德扑之星实战!外挂透明挂辅助挂(黑科技)扑克教程"真是存在有挂1、首先打开德扑之星实战最...
黑科技app（wEPoke）a... 黑科技app（wEPoke）ai代打技巧（黑科技）透明挂辅助（确实存在有挂）这是由厦门游乐互动科技有...
黑科技辅助挂！红龙扑克ai，红... 黑科技辅助挂！红龙扑克ai，红龙扑克ai，科技教程（有挂技巧）运红龙扑克ai辅助工具，进入游戏界面。...
好友房辅助挂（德扑之星）ai代... 好友房辅助挂（德扑之星）ai代打（AI）ai代打真假（总是是真的有挂）；进入游戏-大厅左侧-新手福利...
黑科技辅助"德扑之星... 黑科技辅助"德扑之星好牌!外挂透明挂辅助脚本(黑科技)曝光教程"一贯有挂1、该软件可以轻松地帮助玩家...
黑科技辅助挂（AAPOKER）... 1、黑科技辅助挂（AAPOKER）辅助神器（透视）数据采集辅助软件（原生是真的有挂）。2、透视辅助简...
透视辅助！wpk有外挂吗，wp... 透视辅助！wpk有外挂吗，wpk辅助，wepoke教程（有挂黑科技）1、该软件可以轻松地帮助玩家将w...
可靠黑科技（aapOKER）俱... 可靠黑科技（aapOKER）俱乐部后台可以操作吗（透视）透视辅助器安装教程（原来有挂）1、ai机器人...