在不同环境下配置Nuxt.js 3和Vue.js 3的方法如下：

1. 首先，确保已经安装了Nuxt.js 3和Vue.js 3的依赖包。可以使用npm或yarn进行安装：

npm install nuxt@alpha
npm install vue@next

2. 创建一个Nuxt.js 3项目。可以使用以下命令创建：

npx create-nuxt-app@alpha my-nuxt-app

3. 进入项目目录，并打开nuxt.config.js文件。在这个文件中，可以配置Nuxt.js和Vue.js的各种选项。

4. 配置环境变量。可以使用.env文件来设置环境变量。在nuxt.config.js文件中，可以使用process.env来访问这些环境变量。

# .env
API_URL=http://api.example.com

// nuxt.config.js
export default {
  env: {
    apiUrl: process.env.API_URL || 'http://localhost:3000'
  }
}

5. 根据不同的环境配置不同的选项。可以使用process.env.NODE_ENV来获取当前的环境。在nuxt.config.js文件中，可以根据不同的环境来设置不同的选项。

// nuxt.config.js
export default {
  server: {
    port: process.env.NODE_ENV === 'production' ? 8000 : 3000
  }
}

6. 在代码中使用环境变量。可以在Vue组件、页面或插件中使用环境变量。

// pages/index.vue
export default {
  data() {
    return {
      apiUrl: process.env.apiUrl
    }
  }
}

这是一个基本的配置示例，你可以根据自己的需求进行修改和扩展。请参考Nuxt.js 3和Vue.js 3的文档以获取更多详细的配置信息。