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

相关内容

热门资讯

6分钟黑科技！wepoke有插... 《6分钟黑科技！wepoke有插件吗，德扑之星的机制，攻略教程（有挂黑科技）》 wepoke有插件吗...
辅助挂黑科技!云扑克辅助器苹果... 辅助挂黑科技!云扑克辅助器苹果(透视)太坑了存在有挂(高科技教程黑科技解密)1、操作简单，无需注册，...
黑科技最新！we poke软件... 黑科技最新！we poke软件免费版（wePOKE）软件透明挂辅助安装（推荐一款黑科技方法）；致您一...
五分钟黑科技！智星德州菠萝辅助... 五分钟黑科技！智星德州菠萝辅助工具，wpk线上实战，解说技巧（有挂黑科技）是由北京得智星德州菠萝辅助...
私人局黑科技!微扑克真的有挂吗... 私人局黑科技!微扑克真的有挂吗(透视)太坑了有挂(系统教程黑科技解密)一、微扑克真的有挂吗软件透明挂...
黑科技透明挂！微扑克有辅助插件... 黑科技透明挂！微扑克有辅助插件吗（WepOke）透明黑科技辅助app（终于知道黑科技透视）；《WPK...
6分钟黑科技！aapokera... 6分钟黑科技！aapokerai辅助，pokerworld软件，可靠教程（有挂黑科技），支持语音通讯...
最新黑科技!wepokeplu... 最新黑科技!wepokeplus透明挂怎么识别(透视)太坑了存在有挂(大神讲解黑科技方法)；1、we...
黑科技了解！微扑克辅牌器（We... 此外，数据分析德州(微扑克辅牌器)辅助神器app还具备辅助透视行为开挂功能，通过对客户微扑克辅牌器透...
两分钟黑科技！智星菠萝德州有挂... 1、两分钟黑科技！智星菠萝德州有挂吗，微扑克真的有外挂嘛，介绍教程（有挂黑科技）。2、智星菠萝德州有...