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

相关内容

热门资讯

WePoKe有挂吗(Wepok... WePoKe有挂吗(WepokE)wepoke软件机器人(黑科技)软件教程(确实有挂)1、首先打开W...
黑科技存在！德扑之星辅助工具，... 黑科技存在！德扑之星辅助工具，德扑之星，大神讲解（一直有挂）科技教程也叫必备教程，这是一款功能强大的...
wepoke算法(wePOke... wepoke算法(wePOke)we辅助poker德之星(黑科技)wpk教程(都是真的是有挂)1、下...
黑科技挂！aapoker有内部... 黑科技挂！aapoker有内部好嘛，aa扑克发牌机制，详细教程（一贯是真的有挂）；《WPK辅助透视》...
德扑ai代打可靠吗(德扑)德扑... 德扑ai代打可靠吗(德扑)德扑之星记分牌有什么用(辅助挂)切实教程(总是真的有挂)德扑ai代打可靠吗...
黑科技计算！wpk外挂第一视角... 1、黑科技计算！wpk外挂第一视角，德州ai辅助神器wpk，曝光教程（都是真的有挂）；详细教程。2、...
aapoker透明挂辅助器(A... aapoker透明挂辅助器(AAPOKER)aapoker辅助(辅助挂)细节揭秘(好像有挂)；1、a...
黑科技新版！aapoker发牌... 黑科技新版！aapoker发牌机制，aapoker辅助工具，详细教程（起初真的是有挂）1、很好的工具...
aapoker辅助工具使用教程... aapoker辅助工具使用教程(aa poker)aapoker辅助(辅助挂)2025新版教程(确实...
黑科技真的！aa poker智... 黑科技真的！aa poker智能ai辅助价格，aa扑克有外挂吗，攻略教程（果然是真的有挂）；支持2-...