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

相关内容

热门资讯

第八分钟黑科技！wepoke辅... 第八分钟黑科技！wepoke辅助德之星，德扑人工智能，高科技教程（有挂黑科技）科技教程也叫必备教程，...
玄学黑科技!微扑克辅助测试(透... 玄学黑科技!微扑克辅助测试(透视)太坑了是有挂(微扑克教程黑科技介绍)亲，关键说明，微扑克辅助测试赛...
1分钟黑科技！德扑之星作弊，德... 1分钟黑科技！德扑之星作弊，德扑数据分析软件，黑科技教程（有挂黑科技）1、点击下载安装，微扑克wpk...
辅助黑科技!来玩德州app苹果... 辅助黑科技!来玩德州app苹果下载(透视)太坑了是有挂(解密教程黑科技解说)；1、操作简单，无需注册...
6分钟黑科技！wepoke透明... 您好，德州之星辅助器多少钱这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...
辅助挂黑科技!德州ai辅助神器... 辅助挂黑科技!德州ai辅助神器软件怎么使用(透视)太坑了是真的有挂(必胜教程黑科技辅助)该软件可以轻...
第7分钟黑科技！智星德州菠萝开... 第7分钟黑科技！智星德州菠萝开挂，云扑克辅助器，高科技教程（有挂黑科技）；大神普及一款德州ai内幕，...
了解黑科技!德州之星app辅助... 了解黑科技!德州之星app辅助器(透视)太坑了存在有挂(AI教程黑科技解说)1、点击下载安装，德州之...
第五分钟黑科技！德扑之星发牌规... 第五分钟黑科技！德扑之星发牌规律，德州全自动辅助，详细教程（有挂黑科技）；致您一封信；亲爱德扑之星发...
教学黑科技!微扑克软件开发定制... 教学黑科技!微扑克软件开发定制app(透视)太坑了是有挂(必胜教程黑科技详情)；微扑克软件开发定制a...