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

三、上传文件到服务器

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

四、测试运行

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

相关内容

热门资讯

做出回应!aa poker辅助... 做出回应!aa poker辅助,aapoker俱乐部靠谱吗(透视)方式教程(真是存在有挂)-哔哩哔哩...
透视详情!wpk免费辅助(透视... 透视详情!wpk免费辅助(透视)wpk透视辅助下载,教程妙计(有挂解惑)-哔哩哔哩1、下载好wpk透...
透视烘培!wepoker有什么... 透视烘培!wepoker有什么规律,wepoker可以开透视吗(脚本)辅助教程(确实有挂)-哔哩哔哩...
值得注意的是!aa poker... 值得注意的是!aa poker透视软件,aapoker免费透视脚本(透视)诀窍教程(原来存在有挂)-...
透视解谜!如何下载wpk透视版... 透视解谜!如何下载wpk透视版(透视)wpk透视辅助下载,教程窍门(有挂方法)-哔哩哔哩;1、操作简...
透视方式!wepoker安装教... 透视方式!wepoker安装教程,wejoker开挂(脚本)开挂教程(原来真的是有挂)-哔哩哔哩1、...
为了进一步!aapoker能控... 为了进一步!aapoker能控制牌吗,aapoker万能辅助器(透视)指引教程(一直是有挂)-哔哩哔...
透视解谜!wpk俱乐部是真的吗... 透视解谜!wpk俱乐部是真的吗(透视)wpk透视插件,教程学习(真的有挂)-哔哩哔哩1、下载好wpk...
透视积累!wepoker有机器... 透视积累!wepoker有机器人吗,wepoker辅助软件价格(脚本)关于教程(其实是真的挂)-哔哩...
不少玩家反映!aapoker透... 不少玩家反映!aapoker透视方法,aapoker辅助软件合法吗(透视)手册教程(切实有挂)-哔哩...