vite 打包部署出现的问题

是菜菜的小前端啊2023-11-17 23:17

1、部文件打包之后大小超过500KiB，错误信息【 Some chunks are larger than 500 KiB after minification.】

将文件块的大小限制改大一些

在vite.config.js中，build里添加或修改 chunkSizeWarningLimit 属性，单位为KiB

bash 复制代码

build: {
      chunkSizeWarningLimit: 1500
    }

2、项目部署之后页面默认跳转至根目录，或者js、css文件获取的路径为根目录

（1）配置base

将vite.config.js中的base属性设置为网页存放的目录

bash 复制代码

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

（2）配置路由的history属性

将router的index.js中的createWebHistory方法添加项目存放的路径

bash 复制代码

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

3、项目部署之后页面刷新导致页面404

配置ngnix location / 属性

bash 复制代码

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