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）外挂黑科技辅助工具（玩家必备教程黑科技神器）；亲真的是有...
苹果版黑科技!微扑克有辅助挂吗... 苹果版黑科技!微扑克有辅助挂吗(透视)太坑了是有挂(新2025版黑科技工具)1、起透看视 微扑克有辅...
8分钟黑科技！德州ai人工智能... 8分钟黑科技！德州ai人工智能，德扑之星ai软件，安装教程（有挂黑科技）；大神普及一款德州ai内幕，...
黑科技玄学！fishpoker... 黑科技玄学！fishpoker俱乐部有挂吗（wepOkE）透明黑科技辅助脚本（攻略讲解黑科技技巧）1...
肯定黑科技!aapoker德州... 肯定黑科技!aapoker德州线上扑克(透视)太坑了有挂(玩家教程黑科技解说)1、很好的工具软件，可...
第7分钟黑科技！德州之星有外挂... 第7分钟黑科技！德州之星有外挂吗，wepoke软件机器人，解密教程（有挂黑科技）1、许多玩家不知道德...
黑科技线上！来玩德州app外挂... 黑科技线上！来玩德州app外挂（WePoke）透明黑科技辅助神器（科普分享黑科技方法）是一款可以让一...
软件黑科技!德扑之星的机制(透... 软件黑科技!德扑之星的机制(透视)太坑了有挂(黑科技教程黑科技介绍)；1、完成德扑之星的机制的残局，...
第四分钟黑科技！wepokea... 第四分钟黑科技！wepokeai机器人，德州之星透视辅助器，2025新版技巧（有挂黑科技）;1分钟了...
黑科技透明挂！aapoker辅... 黑科技透明挂！aapoker辅助软件（We辅poker助）软件透明挂辅助安装（玩家必看秘籍黑科技神器...