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

相关内容

热门资讯

第7分钟了解!泸州大二辅助!一... 第7分钟了解!泸州大二辅助!一贯真的有辅助软件(有人有挂)-哔哩哔哩1、许多玩家不知道泸州大二辅助辅...
透视数据！贪玩娱乐科技，潮汕掌... 透视数据！贪玩娱乐科技，潮汕掌上娱脚本-好像存在有辅助器（哔哩哔哩）1、进入游戏-大厅左侧-新手福利...
第一分钟了解！吉祥填大坑有什么... 第一分钟了解！吉祥填大坑有什么诀窍，新鸿狐辅助软件是真的吗，讲义教程（有挂教学）-哔哩哔哩1、实时新...
在玩家背景下!hhpoker软... 在玩家背景下!hhpoker软件靠谱吗(透视)辅助安装(有挂规律)-哔哩哔哩1、hhpoker软件靠...
七分钟了解!贪吃蛇辅助器202... 七分钟了解!贪吃蛇辅助器2022!切实存在有辅助方法(有挂方法)-哔哩哔哩1、进入到贪吃蛇辅助器20...
今日！顺欣茶楼智能辅助器，微乐... 今日！顺欣茶楼智能辅助器，微乐家乡自建房辅助app-确实真的是有辅助软件（哔哩哔哩）小薇（辅助器软件...
第5分钟了解！福建十三水软件开... 第5分钟了解！福建十三水软件开发，来来舟山麻将辅助，教材教程（有挂透视）-哔哩哔哩1、用户打开应用后...
在玩家背景下!wepoker线... 在玩家背景下!wepoker线上大神(透视)辅助安装(有挂方略)-哔哩哔哩1、每一步都需要思考，不同...
8分钟了解!越乡有辅助软件!确... 8分钟了解!越乡有辅助软件!确实一直总是有辅助神器(有挂猫腻)-哔哩哔哩1.越乡有辅助软件 选牌创建...
第七分钟了解！陕西辅助，金虎爷... 第七分钟了解！陕西辅助，金虎爷辅助，手筋教程（有挂技巧）-哔哩哔哩1、打开软件启动之后找到中间准星的...