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、在丽水都莱脚本辅...
免费测试版!财神13辅助包最新... 免费测试版!财神13辅助包最新版本更新内容详解(辅助挂)开挂透视辅助教程(本来真的是有挂)-哔哩哔哩...
于此同时！心悦辅助器，阿拉斗牌... 于此同时！心悦辅助器，阿拉斗牌辅助，2025教程（好像真的是有挂）-哔哩哔哩阿拉斗牌辅助辅助器中分为...
一分钟揭秘!天天福建辅助器(辅... 一分钟揭秘!天天福建辅助器(辅助挂)开挂透视辅助软件(总是是有挂)-哔哩哔哩亲，关键说明，天天福建辅...
据文件显示！哥哥打大a有没有辅... 据文件显示！哥哥打大a有没有辅助，微信小程序辅助器，详细教程（竟然有挂）-哔哩哔哩哥哥打大a有没有辅...
必备攻略!友友联盟免费辅助器(... 必备攻略!友友联盟免费辅助器(辅助挂)开挂透视辅助工具(好像存在有挂)-哔哩哔哩1、金币登录送、破产...
据了解！欢乐联盟免费辅助，兴动... 据了解！欢乐联盟免费辅助，兴动互娱游戏辅助器好用吗，力荐教程（总是存在有挂）-哔哩哔哩1、兴动互娱游...
科技通报!新九游辅助(辅助挂)... 科技通报!新九游辅助(辅助挂)开挂透视辅助插件(竟然有挂)-哔哩哔哩1、新九游辅助ai辅助优化，新九...
近年来！边锋老友威海荣成辅助，... 近年来！边锋老友威海荣成辅助，开心泉州小程序有挂吗，爆料教程（果然有挂）-哔哩哔哩1、进入到开心泉州...
据玩家消息！中至江西插件，极速... 据玩家消息！中至江西插件，极速暗宝辅助，透视教程（本来是有挂）-哔哩哔哩运中至江西插件辅助工具，进入...