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、首先打开辅助器下载最新版本，...
一分钟了解!微乐小程序自建房辅... 一分钟了解!微乐小程序自建房辅助!微乐自建房辅助工具别人怎么看(其实真的有辅助脚本)破解侠是真的助透...
终于知道!微乐小程序辅助工具!... 终于知道!微乐小程序辅助工具!微乐手游脚本辅助(切实真的是有辅助器)暗藏猫腻，小编详细说明破解器有用...
必看攻略!微乐小程序辅助工具!... 必看攻略!微乐小程序辅助工具!微乐家乡官方免费下载安装(一直是有辅助软件)1、很好的工具软件，可以解...
记者爆料!微乐小程序自建房辅助... 记者爆料!微乐小程序自建房辅助!微乐自建房透视(果然真的是有辅助工具)小薇（辅助器软件下载）致您一封...
重大科普!微乐小程序自建房辅助... 重大科普!微乐小程序自建房辅助!微乐陕西小程序破解器下载(总是有辅助软件)透视方法中分为三种模型：靠...
我来教大家!微乐小程序自建房辅... 您好，这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款游戏中打...
推荐十款!微乐小程序自建房辅助... 推荐十款!微乐小程序自建房辅助!提高微乐运气的方法(一贯真的有辅助教程)1）辅助插件：进一步探索辅助...
一秒答解!微乐小程序自建房辅助... 一秒答解!微乐小程序自建房辅助!微信小程序微乐内蒙破解器(切实真的是有辅助教程)一、游戏安装教程牌型...