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

相关内容

热门资讯

技法外挂透视hhpoker辅助... 技法外挂透视hhpoker辅助，wepoker辅助视频-哔哩哔哩；无需打开直接搜索加薇1367043...
第八分钟带你发现!丫丫游戏辅助... 第八分钟带你发现!丫丫游戏辅助(辅助挂)其实确实有挂(真实有挂)-哔哩哔哩；丫丫游戏辅助最新软件透视...
第七分钟带你透视！皇豪互众辅助... 第七分钟带你透视！皇豪互众辅助软件是干嘛的，新海贝辅助器，细节揭秘（有挂总结）-哔哩哔哩【无需打开直...
九分钟带你解说!越乡游义乌辅助... 九分钟带你解说!越乡游义乌辅助器安全吗(辅助挂)原来是有挂的(发现有挂)-哔哩哔哩;AI辅助机器人普...
第九分钟带你讲解！嗨动互动辅助... 第九分钟带你讲解！嗨动互动辅助，大菠萝789辅助，安装教程（有挂细节）-哔哩哔哩；无需打开直接搜索微...
第8分钟带你了解!科乐辅助(辅... 第8分钟带你了解!科乐辅助(辅助挂)原来是有挂的(证实有挂)-哔哩哔哩;1、很好的科乐辅助工具软件，...
资料外挂透视wepokerpl... 资料外挂透视wepokerplus辅助，wepoker有人用过吗-哔哩哔哩>>您好：软件加13670...
第八分钟带你明白！丰城双剑必胜... 第八分钟带你明白！丰城双剑必胜辅助，玄龙辅助工具，辅助教程（有挂分析）-哔哩哔哩>>您好：软件加薇1...
第6分钟带你解说!椰岛长胜辅助... 第6分钟带你解说!椰岛长胜辅助(辅助挂)其实真的是有挂(有挂方针)-哔哩哔哩；椰岛长胜辅助软件透视开...
手册外挂透视pokemmo脚本... 手册外挂透视pokemmo脚本辅助器下载，wepoker游戏下载-哔哩哔哩；无需打开直接搜索薇:13...