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... 总算了解开挂脚本!wepoker辅助功能开透视工具，总是存在有挂(了解有挂)wepoker透视方法中...
一分钟秒懂透视挂技巧!AAPo... 一分钟秒懂透视挂技巧!AAPoKer辅助功能开透视工具，真是真的有挂(有挂透视)1）AAPoKer免...
技术分享透视挂攻略!智星菠萝德... 技术分享透视挂攻略!智星菠萝德州辅助功能开透视工具，果然有挂(有挂方略)1、超多福利：超高返利，海量...
总算了解透视挂教程!AAPoK... 总算了解透视挂教程!AAPoKer辅助功能开透视工具，都是真的有挂(证实有挂)运AAPoKer辅助工...
新手必备开挂教程!aapoke... 新手必备开挂教程!aapoker辅助功能开透视工具，真是存在有挂(有挂解惑)1、首先打开aapoke...
最新技巧透视挂脚本!微扑克辅助... 最新技巧透视挂脚本!微扑克辅助功能开透视工具，其实是有挂(有挂猫腻)1、金币登录送、破产送、升级送、...
盘点几款透视挂工具!AAPoK... 盘点几款透视挂工具!AAPoKer辅助功能开透视工具，原来有挂(有挂技巧)1、首先打开AAPoKer...
今日焦点开挂方法!德扑圈辅助功... 今日焦点开挂方法!德扑圈辅助功能开透视工具，总是是真的有挂(有挂辅助)该软件可以轻松地帮助玩家将德扑...
发现玩家辅助软件!智星德州扑克... 发现玩家辅助软件!智星德州扑克辅助功能开透视工具，切实存在有挂(真的有挂)1、超多福利：超高返利，海...
交流学习经验开挂工具!WPK辅... 交流学习经验开挂工具!WPK辅助功能开透视工具，一直真的是有挂(有挂辅助)WPK透视方法中分为三种模...