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;     }

三、上传文件到服务器

上传成功之后,文件目录结构是这样的

四、测试运行

(顺序不一定要按照我写的顺序从上往下进行,反正最终的各种配置对得上就行)

相关内容

热门资讯

详细透视!哈糖大菠萝有挂吗,w... 详细透视!哈糖大菠萝有挂吗,wepoker怎么增加运气,诀窍教程(的确有挂)-哔哩哔哩1、进入到we...
热门推荐!小二互娱辅助,clo... 热门推荐!小二互娱辅助,cloudpoker作必弊,秘籍教程(有挂方略)-哔哩哔哩1、cloudpo...
普及透视!wpk官网下载链接,... 普及透视!wpk官网下载链接,wpk透视辅助,办法教程(有人有挂)-哔哩哔哩1、每一步都需要思考,不...
科技新动态!小闲川南怎么辅助,... 科技新动态!小闲川南怎么辅助,wepoker破解器,步骤教程(确实有挂)-哔哩哔哩1.小闲川南怎么辅...
科普透视!epoker底牌透视... 科普透视!epoker底牌透视,德州局透视脚本下载安装最新版本,诀窍教程(有挂详情)-哔哩哔哩1)德...
玩家实测!河洛杠次辅助,wep... 玩家实测!河洛杠次辅助,wepoker免费辅助器,教程书教程(存在有挂)-哔哩哔哩1、用户打开应用后...
关于透视!wepoker私人局... 关于透视!wepoker私人局透视方法,wepoker私人局开挂视频,举措教程(今日头条)-哔哩哔哩...
总算了解!!大唐撸麻雀作必弊码... 总算了解!!大唐撸麻雀作必弊码,约局吧德州真的有透视挂吗,步骤教程(有挂头条)-哔哩哔哩1、金币登录...
开挂透视!德普之星怎么设置埋牌... 开挂透视!德普之星怎么设置埋牌,hhpoker有透视功能吗,绝活教程(真实有挂)-哔哩哔哩1、完成德...
揭秘几款!兴动互娱游戏辅助器好... 揭秘几款!兴动互娱游戏辅助器好用吗,德扑圈透视挂,模块教程(新版有挂)-哔哩哔哩1、兴动互娱游戏辅助...