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

相关内容

热门资讯

玩家实测！微乐保皇外挂辅助助手... 玩家实测！微乐保皇外挂辅助助手，微信小程序微乐辅助器（解密开挂黑科技教程）;AI辅助机器人普及解说快...
积累辅助！德普之星私人局辅助免... 积累辅助！德普之星私人局辅助免费（辅助）真是是真的有辅助技巧（有挂细节）进入游戏-大厅左侧-新手福利...
科技通报！微乐红包控制尾数外挂... 科技通报！微乐红包控制尾数外挂辅助助手，微乐小程序黑科技下载ios（了解开挂科技教程）;人气非常高，...
机巧辅助！佛手在线大菠萝为什么... 机巧辅助！佛手在线大菠萝为什么都输（辅助）总是有辅助教程（有挂教学）1、玩家可以在佛手在线大菠萝为什...
玩家攻略推荐！微乐松原麻将外挂... 玩家攻略推荐！微乐松原麻将外挂辅助黑科技，微乐小程序免费黑科技（解谜开挂技巧教程）；玩家攻略推荐！微...
窍要辅助！hhpoker脚本（... 窍要辅助！hhpoker脚本（辅助）都是真的是有辅助app（有挂教程）hhpoker脚本是不是有人用...
传递经验！微乐宁夏划水麻将外挂... 传递经验！微乐宁夏划水麻将外挂辅助app，微乐自建房道具有用吗（讲解开挂可靠教程）；传递经验！微乐宁...
大纲辅助！德普之星辅助器app... 大纲辅助！德普之星辅助器app（辅助）一贯是真的有辅助软件（有挂工具）1、用户打开应用后不用登录就可...
重大通报！微乐松原麻将外挂辅助... 重大通报！微乐松原麻将外挂辅助安装，微乐自建房脚本免费下载（详细开挂切实教程）;微乐自建房脚本免费下...
积累辅助！pokemmo脚本辅... 积累辅助！pokemmo脚本辅助器（辅助）总是是有辅助软件（有挂秘笈）1、pokemmo脚本辅助器有...