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、机器人多个强度级别选择2、发牌...
科技分享“雀神麻雀充运势有用吗... 科技分享“雀神麻雀充运势有用吗”好像存在有挂（辅助挂）详细辅助2025新版技巧1、完成的残局，帮助玩...
最新技巧“新道游科技透视免费版... 最新技巧“新道游科技透视免费版下载”竟然是有挂（辅助挂）详细辅助科技教程1、进入到黑科技之后，能看到...
4分钟辅助!福建天天开心辅助网... 4分钟辅助!福建天天开心辅助网(辅助挂)一贯有挂(详细辅助必胜教程)是一款可以让一直输的玩家，快速成...
传递经验“财神十三章外挂真的假... 传递经验“财神十三章外挂真的假的”竟然有挂（辅助挂）详细辅助wpk教程1、下载好辅助软件之后点击打开...
第1分钟辅助!大当家辅助官网(... 一、大当家辅助官网简介了解软件请加微：136704302大当家辅助官网是一款在线扑克游戏平台，玩家可...
玩家必看科普“陕麻圈内购破解辅... 玩家必看科普“陕麻圈内购破解辅助”切实有挂（辅助挂）详细辅助2025新版教程；1、陕麻圈系统规律教程...
五分钟辅助!透视牌辅助工具脚本... 五分钟辅助!透视牌辅助工具脚本市场(辅助挂)其实真的是有挂(详细辅助攻略教程)；是一款可以让一直输的...