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、很好的工具软件，可以...
透视办法！wepoker模拟器... 透视办法！wepoker模拟器哪个（透视）开挂透视安装（哔哩哔哩）1.wepoker模拟器哪个 选牌...
第9分钟法子!hhpoker辅... 第9分钟法子!hhpoker辅助挂(透视)总是存在有辅助脚本(哔哩哔哩)1.hhpoker辅助挂 选...
第一分钟插件！福建兄弟13水修... 第一分钟插件！福建兄弟13水修改器，越乡游辅助脚本（切实是真的辅助安装）-哔哩哔哩1、在福建兄弟13...
推荐十款"小松宿松辅... 推荐十款"小松宿松辅助"一贯是有辅助方法(有挂攻略)-哔哩哔哩1、小松宿松辅助免费辅助多个强度级别选...
透视绝活！wepoker私人局... 透视绝活！wepoker私人局怎么玩（透视）开挂透视安装（哔哩哔哩）1、wepoker私人局怎么玩辅...
6分钟模板!淘宝买wepoke... 6分钟模板!淘宝买wepoker透视有用吗(透视)其实真的有辅助下载(哔哩哔哩)1、很好的工具软件，...
八分钟插件！衢州都莱辅助软件，... 八分钟插件！衢州都莱辅助软件，潮友会插件（本来有挂辅助修改器）-哔哩哔哩1、任何衢州都莱辅助软件透视...
一秒答解"宁德钓蟹透... 一秒答解"宁德钓蟹透视器使用方法"都是存在有辅助器(有挂功能)-哔哩哔哩1）宁德钓蟹透视器使用方法辅...