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

相关内容

热门资讯

指引f辅助！hhpoker是真... 指引f辅助！hhpoker是真的假的，wepoker辅助透视，解密教程（有挂技术）hhpoker是真...
机巧f辅助！红龙poker辅助... 机巧f辅助！红龙poker辅助工具，红龙poker辅助工具，推荐教程（的确有挂）一、红龙poker辅...
绝活f辅助！htx矩阵wepo... 绝活f辅助！htx矩阵wepoker辅助，wepoker脚本，揭幕教程（有挂秘笈）1、htx矩阵we...
经验f辅助！wepoker辅助... 经验f辅助！wepoker辅助器，wepoker私人局透视，必备教程（有挂规律）；1、上手简单，内置...
办法f辅助！wepoker怎么... 办法f辅助！wepoker怎么发冤家牌，wpk作弊最怕三个东西，教你教程（有挂助手）1、操作简单，无...
积累f辅助！德普之星透视软件免... 积累f辅助！德普之星透视软件免费入口官网，wepoker私人局规律，普及教程（有挂技术）1、许多玩家...
窍要f辅助！wpk有那种辅助吗... 窍要f辅助！wpk有那种辅助吗，德州局透视，教你教程（揭秘有挂）1）wpk有那种辅助吗辅助插件：进一...
指引f辅助！poker mas... 指引f辅助！poker master辅助，德州私人局脚本，解密教程（有挂攻略）；1、德州私人局脚本脚...
学习f辅助！wejoker辅助... 学习f辅助！wejoker辅助机器人，wepoker有没有机器人，专业教程（有挂解惑）1、很好的工具...
演示f辅助！aa poker辅... 演示f辅助！aa poker辅助，佛手大菠萝有挂吗，分享教程（真的有挂）1、佛手大菠萝有挂吗免费辅助...