Nuxt 3. Как достучаться до localhost на стороне клиента (cors)?

Для того чтобы достучаться до localhost на стороне клиента (cors) во фреймворке Nuxt.js, необходимо учитывать несколько моментов.

### Отладка в режиме разработки (development mode)

1. **Создание файла nuxt.config.js:** Убедитесь, что у вас есть файл nuxt.config.js в корне проекта. Если его нет, создайте его и добавьте следующий код:

module.exports = {
  server: {
    host: '0.0.0.0',
  },
}

2. **Запуск проекта:** Запустите проект с помощью команды npm run dev. После запуска, ваше приложение должно быть доступно как по localhost, так и по внешнему IP-адресу вашего компьютера.

### Настройка CORS

Для настройки CORS в Nuxt.js вы можете использовать middleware. Создайте папку middleware в корне проекта, а затем создайте файл, например, cors.js:

export default function ({ app }) {
  app.use((req, res, next) => {
    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With, content-type');
    res.setHeader('Access-Control-Allow-Credentials', true);

    if (req.method === 'OPTIONS') {
      return res.status(200).end();
    }

    return next();
  });
}

А затем добавьте этот middleware в файл nuxt.config.js:

module.exports = {
  serverMiddleware: ['~/middleware/cors.js'],
}

С этими настройками ваше приложение Nuxt.js сможет обращаться к localhost на стороне клиента с учетом правил CORS.

**Примечание:** Помните, что настройка CORS важна для обеспечения безопасности вашего приложения, поэтому убедитесь, что вы понимаете последствия открытия доступа к вашему API с других доменов.