Nuxt 3.15.3 版本发布：性能优化与安全增强

项目简介

Nuxt 是一个基于 Vue.js 的开源框架，用于构建现代 Web 应用程序。它提供了服务器端渲染（SSR）、静态站点生成（SSG）和单页应用（SPA）等多种渲染模式，并内置了许多开箱即用的功能，如路由、状态管理和组件自动导入等。

版本亮点

开发服务器 CORS 安全配置

3.15.3 版本引入了一个重要的安全修复，对开发服务器实施了 CORS 源限制。这一变更会影响 Vite 或 Webpack/Rspack 开发中间件。虽然这通常是一个重大/破坏性变更，但由于其安全性质，团队决定在此补丁版本中发布。

开发者现在可以通过 nuxt.config 中的 devServer.cors 选项配置允许的来源和其他 CORS 设置，这在自定义主机名开发时尤为重要：

export default defineNuxtConfig({
  devServer: {
    cors: {
      origin: ['https://custom-origin.com'],
    },
  },
})

性能优化

本次版本包含多项性能改进：

1. 减少文件系统操作：优化了 mkdirSync 调用次数，减少了不必要的模板更新
2. 路径解析优化：改进了 findPath 和 resolvePath 之间的重复处理
3. 同步组件检查：将组件兼容性检查改为同步执行
4. 客户端优化：仅在客户端启用 Transition 组件
5. 插件处理改进：为非对象语法插件添加了早期返回机制

功能修复

1. Vite 相关：

   • 修复了 #app-manifest 别名覆盖问题
   • 改进了模块无效化的处理逻辑
   • 开发模式下内联共享文件夹

2. 路由与页面：

   • 不再对 [[ 可选动态参数发出警告
   • 深度克隆提取的页面元数据

3. 环境配置：

   • 允许覆盖 dev/test 环境值

升级建议

推荐使用以下命令进行升级：

npx nuxi@latest upgrade --force

此命令将刷新锁文件，并确保拉取 Nuxt 依赖的其他更新，特别是在 unjs 生态系统中。

开发者体验改进

1. 文档增强：

   • 添加了 useFetch 自定义示例链接
   • 完善了 NuxtLink 的预取功能描述
   • 解释了如何将 ClientOnly 与 onMounted 钩子结合使用
   • 为 SSG 添加了禁用默认路由的示例

2. 调试工具：

   • 添加了调试时序的 jiti/unbuild 插件
   • 将指标写入磁盘以便更好地比较

内部架构优化

1. Vite 集成：

   • 移除了 externality 并使用 Vite 内部配置
   • 改进了模块无效化的处理

2. 构建系统：

   • 使用了新的 inlineDependencies 选项
   • 显式内联了 lodash-es

总结

Nuxt 3.15.3 版本虽然在版本号上是一个小版本更新，但包含了多项重要的性能优化和安全增强。特别是对开发服务器 CORS 配置的支持，为开发者提供了更安全的开发环境。同时，通过减少不必要的文件系统操作和优化路径解析等改进，进一步提升了框架的整体性能。

对于正在使用 Nuxt 的开发者来说，这个版本值得升级，特别是考虑到其中的安全修复。升级过程简单，且能带来明显的性能提升和更好的开发体验。