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、详情透视!德州局怎么透视!今...
记者获悉！中至余干马甲怎么开挂... 记者获悉！中至余干马甲怎么开挂，新星游房间链接辅助，绝活教程（新版有挂）-哔哩哔哩中至余干马甲怎么开...
必备透视!红龙poker辅助器... 必备透视!红龙poker辅助器免费观看!揭秘几款辅助技巧(有挂方式)-哔哩哔哩；1、红龙poker辅...
此事引发广泛关注！免费宝宝浙江... 此事引发广泛关注！免费宝宝浙江游戏辅助，微乐家乡官方app，妙招教程（有挂教学）-哔哩哔哩1、每一步...
关于透视!wpk可以作弊吗!如... 关于透视!wpk可以作弊吗!如何分辨真伪辅助工具(有挂辅助)-哔哩哔哩1）wpk可以作弊吗有没有挂：...
现有关情况通报如下！烽火互动辅... 现有关情况通报如下！烽火互动辅助，拼十辅助器，项目教程（有挂方式）-哔哩哔哩1、玩家可以在烽火互动辅...
揭露透视!wpk插件!一分钟教... 揭露透视!wpk插件!一分钟教你辅助教程(讲解有挂)-哔哩哔哩1、wpk插件免费辅助多个强度级别选择...
目前来看！小程序蜀山西川血战辅... 目前来看！小程序蜀山西川血战辅助，三加一辅助器，技法教程（有挂教程）-哔哩哔哩1、不需要AI权限，帮...
科普透视!sohoo poke... 科普透视!sohoo poker辅助!玩家必看科普辅助器(有挂神器)-哔哩哔哩一、sohoo pok...
今年以来！约局吧脚本透视开挂，... 今年以来！约局吧脚本透视开挂，欢乐卡五星插件，积累教程（有挂神器）-哔哩哔哩1.约局吧脚本透视开挂 ...