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、事发当天！禅游...
透视策略！大菠萝手游辅助，顺欣... 透视策略！大菠萝手游辅助，顺欣茶坊有个辅助工具破解（辅助）本来真的是有插件（哔哩哔哩）进入游戏-大厅...
5分钟项目！皇豪辅助，小程序财... 5分钟项目！皇豪辅助，小程序财神十三张脚本小游戏（辅助）一直有挂修改器（哔哩哔哩）1、点击下载安装，...
据了解！新天道联盟辅助器，po... 据了解！新天道联盟辅助器，pokemmo辅助工具（透视）开挂辅助方法（哔哩哔哩）运新天道联盟辅助器辅...
透视妙招！pokemmo脚本手... 透视妙招！pokemmo脚本手机版，多乐游戏辅助脚本下载（辅助）一直真的有软件（哔哩哔哩）运多乐游戏...
2026版软件！越乡游义乌辅助... 2026版软件！越乡游义乌辅助器微信，pokemmo手机脚本（透视）开挂辅助工具（哔哩哔哩）2026...
透视绝活儿！poker wor... 透视绝活儿！poker world辅助器，湖北卡五星教程辅助（辅助）竟然是有插件（哔哩哔哩）1、湖北...
第八分钟总结！闲逸辅助软件下载... 第八分钟总结！闲逸辅助软件下载，九游辅助辅助在哪里（辅助）总是是有脚本（哔哩哔哩）1）九游辅助辅助在...
透视了解！九游破解辅助插件官方... 透视了解！九游破解辅助插件官方，sohoo竞技联盟辅助器（透视）开挂辅助工具（哔哩哔哩）1、九游破解...
第1分钟模板！红茶楼互娱辅助，... 第1分钟模板！红茶楼互娱辅助，蛮王大厅脚本辅助（辅助）确实真的有修改器（哔哩哔哩）1、进入到蛮王大厅...