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

相关内容

热门资讯

现就发布提示!金州水鱼挂图片&... 现就发布提示!金州水鱼挂图片"真是存在有辅助软件"(哔哩哔哩)现就发布提示!金州水鱼挂图片"真是存在...
八分钟了解！aapoker真的... 八分钟了解！aapoker真的假的（脚本）总是真的是有辅助攻略（哔哩哔哩）1、实时aapoker真的...
7分钟了解！德普之星辅助工具如... 7分钟了解！德普之星辅助工具如何设置（脚本）都是真的有辅助软件（哔哩哔哩）1、德普之星辅助工具如何设...
最新消息!四川游戏家园通用辅助... 最新消息!四川游戏家园通用辅助"果然是有辅助app"(哔哩哔哩)小薇（辅助器软件下载）致您一封信；亲...
三分钟了解！德扑圈透视挂（脚本... 三分钟了解！德扑圈透视挂（脚本）一贯是真的辅助攻略（哔哩哔哩）1、进入游戏-大厅左侧-新手福利-激活...
第三方辅助!八闽状元郎胜必神器... 第三方辅助!八闽状元郎胜必神器"真是是真的有辅助方法"(哔哩哔哩)1、打开软件启动之后找到中间准星的...
5分钟了解！wepoker数据... 5分钟了解！wepoker数据分析工具（脚本）好像有辅助教程（哔哩哔哩）1、在wepoker数据分析...
据文件显示!陕麻圈免费辅助工具... 据文件显示!陕麻圈免费辅助工具"原来存在有辅助脚本"(哔哩哔哩)1、游戏颠覆性的策略玩法，独创攻略技...
2分钟了解！sohoo pok... 2分钟了解！sohoo poker辅助器（脚本）竟然存在有辅助软件（哔哩哔哩）sohoo poker...
九分钟了解！xpoker辅助控... 九分钟了解！xpoker辅助控制（脚本）本来真的是有辅助挂（哔哩哔哩）1.xpoker辅助控制 选牌...