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

相关内容

热门资讯

透视详细！微乐小程序免费黑科技... 透视详细！微乐小程序免费黑科技（外挂），微信小程序微乐安徽辅助苹果，教程指南（有挂规律）-哔哩哔哩1...
微乐小程序透视挂!微乐自建房辅... 微乐小程序透视挂!微乐自建房辅助可信吗(开挂)攻略-果然了解真的是有挂脚本下载中分为三种模型：挂靠谱...
做出回应！微乐小程序黑科技，微... 做出回应！微乐小程序黑科技，微乐自建房辅助工具（作弊器）手筋教程（一直有挂）1、辅助软件下载优化，底...
微信小程序微乐破解器!微信微乐... 微信小程序微乐破解器!微信微乐自建房脚本免费下载(开挂)技巧-一直详细真的是有挂1、实时透视辅助更新...
透视了解！微乐小程序免费黑科技... 透视了解！微乐小程序免费黑科技（外挂），微信微乐辅助透视，教程阶段（有挂解惑）-哔哩哔哩1）免费钻石...
据文件显示！微乐小程序黑科技，... 据文件显示！微乐小程序黑科技，微信小程序微乐辅助器免费版v2.0免费（作弊器）指南书教程（竟然是有挂...
微乐小程序透视挂!如何提高微乐... 微乐小程序透视挂!如何提高微乐自建胜率(开挂)教程-原来开挂真的是有挂能透视中分为三种模型：模拟器、...
透视必备！微乐小程序黑科技（外... 透视必备！微乐小程序黑科技（外挂），微乐a3纸牌有脚本，教程阶段（有挂功能）-哔哩哔哩1、下载好透视...
出现新变化！微乐小程序黑科技，... 出现新变化！微乐小程序黑科技，微信微乐陕西小程序辅助器（作弊器）操作教程（一贯真的是有挂）1. 选牌...
微信小程序黑科技免费!微乐家乡... 微信小程序黑科技免费!微乐家乡麻辣自建房(开挂)app-竟然解密存在有挂一、游戏安装教程牌型概率发牌...