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

相关内容

热门资讯

第3分钟办法!wpk德州局怎么... 第3分钟办法!wpk德州局怎么透视(透视)果然是真的有辅助透视(哔哩哔哩)；1、上手简单，内置详细流...
透视窍门！淘宝买wepoker... 透视窍门！淘宝买wepoker透视有用吗（透视）开挂透视插件（哔哩哔哩）1、完成淘宝买wepoker...
三分钟脚本！传送屋激k透视软件... 三分钟脚本！传送屋激k透视软件安装链接，广西友乐辅助app（确实是有辅助辅助器）-哔哩哔哩1、金币登...
总算了解!"聚财平台... 总算了解!"聚财平台辅助"其实存在有辅助app(有挂功能)-哔哩哔哩小薇（辅助器软件下载）致您一封信...
第五分钟教材!wepoker买... 第五分钟教材!wepoker买钻石有用吗(透视)真是是真的有辅助神器(哔哩哔哩)；在进入wepoke...
透视积累！智星德州有脚本吗（透... 透视积累！智星德州有脚本吗（透视）开挂脚本软件（哔哩哔哩）1、智星德州有脚本吗模拟器是什么优化，智星...
9分钟插件！微信超级三加一辅助... 9分钟插件！微信超级三加一辅助，灯笼众娱脚本（原来真的有辅助插件）-哔哩哔哩1、这是跨平台的微信超级...
技巧知识分享"湖北卡... 技巧知识分享"湖北卡五星辅助软件"原来是真的有辅助教程(有挂规律)-哔哩哔哩湖北卡五星辅助软件脚本下...
5分钟法门!wepoker透视... 您好，wepoker透视脚本免费这款游戏可以开挂的，确实是有挂的，需要了解加去威信【48527505...
透视法门！hh poker插件... 透视法门！hh poker插件下载（透视）开挂透视神器（哔哩哔哩）1、下载好hh poker插件下载...