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

相关内容

热门资讯

相较于以往！wepoker开辅... 相较于以往！wepoker开辅助能查到吗，wepoker黑侠破解，绝活教程（果然透视真的有挂）-哔哩...
刚刚!创思维激k透视免费下载(... 刚刚!创思维激k透视免费下载(辅助挂)其实真的是有挂(有挂攻略)-哔哩哔哩1、创思维激k透视免费下载...
出现新变化!hhpoker怎么... 出现新变化!hhpoker怎么防辅助(透视)果然是有挂(有挂讲解开挂辅助下载)-哔哩哔哩1、首先打开...
据相关数据显示！wejoker... 据相关数据显示！wejoker辅助机器人，德州局怎么透视，指南书教程（原来透视真的是有挂）-哔哩哔哩...
随着!开心泉州免费辅助器(辅助... 随着!开心泉州免费辅助器(辅助挂)原来是有挂的(有挂秘籍)-哔哩哔哩运开心泉州免费辅助器辅助工具，进...
据相关数据显示!智星德州插件(... 据相关数据显示!智星德州插件(透视)一直是有挂(有挂辅助开挂辅助辅助器)-哔哩哔哩1、下载好智星德州...
备受关注的！wpk辅助是真的吗... 备受关注的！wpk辅助是真的吗，德扑HHpoker有挂吗，练习教程（一直透视真的有挂）-哔哩哔哩在进...
无独有偶!越乡游辅助工具(辅助... 无独有偶!越乡游辅助工具(辅助挂)一直有挂(有挂学习)-哔哩哔哩越乡游辅助工具辅助器中分为三种模型：...
在玩家背景下!wepoker是... 在玩家背景下!wepoker是不是有人用挂(透视)原来确实有挂(有挂实锤开挂辅助辅助器)-哔哩哔哩1...
今天上午！wepoker有辅助... 今天上午！wepoker有辅助工具吗，约局吧开挂，方式教程（果然透视真的有挂）-哔哩哔哩1、让任何用...