如何禁用Nuxt的服务端？解决Nuxt项目自动启动服务端的问题

关于Nuxt自动启动前后端的说明 #

是的，你看到的编译日志说明Nuxt默认以**服务端渲染(SSR)**模式运行，会同时构建客户端前端代码和服务端SSR逻辑，并启动一个Node服务来处理SSR相关请求。

禁用Nuxt服务端的方法 #

根据你的Nuxt版本，按以下方式修改配置，切换到纯前端SPA模式，这样Nuxt就不会构建和启动服务端逻辑，只专注于前端代码：

如果你用的是Nuxt 3 #

修改项目根目录下的nuxt.config.ts，添加ssr: false配置：

export default defineNuxtConfig({
  ssr: false,
  // 可选：如果需要在开发时把/api请求代理到你的后端，可添加以下配置
  nitro: {
    devProxy: {
      '/api': {
        target: 'http://你的后端地址:端口',
        changeOrigin: true
      }
    }
  }
})

如果你用的是Nuxt 2 #

修改项目根目录下的nuxt.config.js，设置mode: 'spa'：

export default {
  mode: 'spa',
  // 可选：开发时代理/api请求到后端的配置
  proxy: {
    '/api': {
      target: 'http://你的后端地址:端口',
      changeOrigin: true
    }
  }
}

修改完成后重新执行npm run dev，终端只会显示客户端编译的日志，Nuxt将不再启动SSR服务端，你可以让前端直接请求自己搭建的后端接口。

内容的提问来源于stack exchange，提问作者Craws