aws-amplify / amplify-hosting

AWS Amplify Hosting provides a Git-based workflow for deploying and hosting fullstack serverless web applications.
https://aws.amazon.com/amplify/hosting/
Apache License 2.0
461 stars 116 forks source link

Getting "Page Redirected too many times" error #385

Closed gvnttdata closed 4 years ago

gvnttdata commented 4 years ago

App Id: dnqx9fxprg7z7
Region: us-east-2 Step: Complete Status: Getting "Page redirected too many times" error

Note: Do not include information that is sensitive in nature such as your domain name, company etc.

Issue/question A clear and concise description of what the issue/question is. I am getting all green check-marks when I deploy but when I go to the url listed in my amplify console I get "This page isn’t working redirected you too many times."

Error message If there is an error message, please include it here. Note: Be sure to check the message for sensitive information. "This page isn’t working redirected you too many times."

Additional information Please add any other relevant information. Please feel free to include screenshots. I am trying to host a Nuxt Universal App and am using .nuxt as the baseDirectory

additional sample code or a sample repository to help us reproduce the issue. (Be sure to remove any sensitive data)

gvnttdata commented 4 years ago

Not sure if it matters but when I look at the Network tab the redirects are giving a 302 code.

kahdojay commented 4 years ago

@gvnttdata can you share a copy your build settings (minus any sensitive data)? (From amplify.yml if you're using it, or from the console). Also can you confirm what redirects your app has in place?

ihao8 commented 4 years ago

Hi, @gvnttdata did you still have this issue?

TXMack713 commented 4 years ago

I'm also getting the too many redirects message and when I checked, the status code given is 302. I've created and modified the app exactly as directed in the tutorial and have also tried checking the link on Chrome, Brave, Firefox and MS Edge and all the browsers have given me this error.

Athena96 commented 4 years ago

@TXMack713 can you share a copy your build settings (minus any sensitive data)? (From amplify.yml if you're using it, or from the console). Can you also share what redirects your app has in place?

rolandoesc commented 4 years ago

I'm facing the same issue, here's my amplify.yml

frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - npm run build
  artifacts:
    # IMPORTANT - Please verify your build output directory
    baseDirectory:  /
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*```

My nuxt.config.js

```const path = require('path')
export default {
  debug: true,
  mode: 'universal',
  /*
  ** Headers of the page
  */
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }
    ]
  },
  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#39b982' },
  /*
  ** Global CSS
  */
  css: [
    '@/assets/css/main.scss'
  ],
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    {src: '~/plugins/utils.js'}
  ],
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
    '@nuxtjs/tailwindcss',
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    '@nuxtjs/axios',
  ],
  /*
  ** Build configuration
  */
  build: {
    /*
    ** You can extend webpack config here
    */
    extend (config, ctx) {
    },
    postcss: {
      plugins: {
        tailwindcss: path.resolve(__dirname, './tailwind.config.js')
      }
    }
  },
  purgeCSS: {
    whitelist: ['text-gray-500', 'text-yellow-500']
  }
}

and finally my package.json

  "name": "captive_portal",
  "version": "1.0.0",
  "description": "SSR Captive Portal",
  "author": "Rolando Escalona",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "heroku-postbuild": "npm run build"
  },
  "dependencies": {
    "@nuxtjs/axios": "^5.9.7",
    "nuxt": "^2.0.0"
  },
  "devDependencies": {
    "@nuxtjs/tailwindcss": "^1.0.0",
    "node-sass": "^4.13.1",
    "sass-loader": "^8.0.2"
  }
}
ihao8 commented 4 years ago

Hi @rolandoesc , thank you for sharing amplify.yml and package.json. Could you also share what redirects your app has in place?

Athena96 commented 4 years ago

Closing this ticket, please re-open if you are still facing issues

github-actions[bot] commented 2 years ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.