Как разместить Nuxt.js приложение на GitHub Pages?

Как настроить развертывание приложения на Nuxt.js по аналогии с процессом на Vue с использованием Vite? Я готов предоставить всю необходимую информацию. Репозиторий доступен по ссылке: [https://github.com/yoursAniki/Weather-app](https://github.com/yoursAniki/Weather-app)
  • 19 февраля 2024 г. 19:08
Ответы на вопрос 2
Чтобы разместить Nuxt.js приложение на GitHub Pages, вам нужно выполнить следующие шаги:

1. Установите пакет `gh-pages` через npm:
```bash
npm install --save-dev gh-pages
```

2. В файле `package.json` добавьте скрипты для развертывания проекта:
```json
"scripts": {
  "deploy": "nuxt generate && gh-pages -d dist"
}
```

3. Создайте файл `nuxt.config.js` в корне проекта и добавьте параметр `router: { base: '/Weather-app/' }`:
```js
module.exports = {
  router: {
    base: '/Weather-app/'
  }
}
```

4. Запустите команду для деплоя проекта на GitHub Pages:
```bash
npm run deploy
```

Этими шагами вы развернете свое Nuxt.js приложение на GitHub Pages. 

Что касается настройки развертывания приложения на Nuxt.js по аналогии с Vue и Vite, вам нужно создать файл `.github/workflows/main.yml` с содержимым:

```yml
name: Build and Deploy

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
    - name: Checkout code
      uses: actions/checkout@v2

    - name: Install dependencies
      run: npm install

    - name: Build and export the Nuxt.js/Vite app
      run: npm run build

    - name: Deploy to GitHub Pages
      uses: peaceiris/actions-gh-pages@v3
      with:
        github_token: ${{ secrets.GITHUB_TOKEN }}
        publish_dir: ./dist
```

После этого, при каждом пуше в ветку `main`, ваше приложение будет автоматически собираться и развертываться на GitHub Pages.

Надеюсь, эта информация будет полезна. Если у вас возникнут какие-либо вопросы, не стесняйтесь задавать.
Вот инструкция https://nuxt.com/deploy/github-pages 

Вот еще полезная статья https://stolbov.me/deploy-nuxtjs-v3-to-github-pages
Похожие вопросы