vite 打包部署出现的问题

news/2024/7/9 23:59:23 标签: vue

1、部文件打包之后大小超过500KiB,错误信息【 Some chunks are larger than 500 KiB after minification.】
将文件块的大小限制改大一些
在vite.config.js中,build里添加或修改 chunkSizeWarningLimit 属性,单位为KiB

build: {
      chunkSizeWarningLimit: 1500
    }

2、项目部署之后页面默认跳转至根目录,或者js、css文件获取的路径为根目录
(1)配置base
将vite.config.js中的base属性设置为网页存放的目录

 base: '/项目存放目录/'

(2)配置路由的history属性
将router的index.js中的createWebHistory方法添加项目存放的路径

const router = createRouter({
  history: createWebHistory("/项目存放目录"),
})

3、项目部署之后页面刷新导致页面404
配置ngnix location / 属性

location / {
   alias   /var/www/html/;
   index  index.html index.htm;
   try_files $uri $uri/ /项目存放目录/index.html;
}

http://www.niftyadmin.cn/n/5189457.html

相关文章

洛谷 P3131 [USACO16JAN] Subsequences Summing to Sevens S

被普及-卡的没思路真是蒟蒻啊233 优化思路 每次都在枚举(a[r]-a[l-1])%70,所以可以认为数组大小对最终答案没有影响,考虑对前缀和数组取模,那么如果有a[r]的值等于a[l-1]的值相等(即余数相等),那么两者相减…

竞赛 题目:基于机器视觉opencv的手势检测 手势识别 算法 - 深度学习 卷积神经网络 opencv python

文章目录 1 简介2 传统机器视觉的手势检测2.1 轮廓检测法2.2 算法结果2.3 整体代码实现2.3.1 算法流程 3 深度学习方法做手势识别3.1 经典的卷积神经网络3.2 YOLO系列3.3 SSD3.4 实现步骤3.4.1 数据集3.4.2 图像预处理3.4.3 构建卷积神经网络结构3.4.4 实验训练过程及结果 3.5 …

线程面试高频问题

1 什么是进程,什么是线程? 进程 只要是程序进入内存中,那么就是一个进程,一个程序可以有多个进程,例如我登录两个qq号,都是启动了一个QQ.exe的程序;进程是用来分配资源, 网络,磁盘,最主要的是内存资源; 它是一个静态的概念,当程序进入内存后,一定会产生一个主线程; 线程 通…

C语言语法trick

1. *p 先取*p值,再p指针自增。 char str[] "Hello,World"; char *end str strlen(str); char *p str; while (p ! end) printf("%c", *p); 2. *p 指针p先移动&a…

C++汉诺塔代码(递归)

终于又是周末了&#xff0c;我好开心呀&#xff01;直接开始创作。 这几天的涨粉又开始加速了&#xff0c;希望能多保持一会&#xff1a;&#xff09; 好的&#xff0c;废话不多说&#xff0c;直接开始今天的文章&#xff1a; ​#include <iostream> using namespace std…

C#学习相关系列之Linq用法---where和select用法(二)

一、select用法 Linq中的select可以便捷使我们的对List中的每一项进行操作&#xff0c;生成新的列表。 var ttlist.select(p>p10); //select括号内为List中的每一项&#xff0c;p10即为对每一项的操作&#xff0c;即对每项都加10生成新的List 用法实例&#xff1a; 1、la…

前端实现页面内容的截图与下载(html2canvas)

今天是一个发文的好日子&#x1f600;~ &#x1f447;&#x1f447;&#x1f447; 一个需求&#xff0c;要截取页面中的内容并截图保存&#xff0c;来看一看我是怎么实现的吧&#xff1a; 这里需要使用到插件--html2canvas 1.安装并引入html2canvas npm install html2canv…

win10正确配置tensorRT环境

目的 使用tensorRT进行网络模型部署&#xff0c;加快推理速度 方法 安装tensorRT的过程需要对各种组件的版本进行匹配 前置安装套件有&#xff1a; 1、CUDA 2、cuDNN 3、pyCUDA 4、tensorflow或pytorch 主要记录tensorRT安装: tensorRT安装配置查询 步骤: 1、去tensorRT官网…