Local Provider : baseURL not considered after deployment #368

kaboume · 2023-05-05T08:54:17Z

Environment

Operating System: Windows_NT
Node Version: v16.18.0
Nuxt Version: 3.4.3
Nitro Version: 2.3.3
Package Manager: [email protected]
Builder: vite
User Config: runtimeConfig, css, typescript, build, modules, app, piniaPersistedstate, pwa, auth
Runtime Modules: @kevinmarrec/[email protected], @pinia/[email protected], @pinia-plugin-persistedstate/[email protected], @sidebase/[email protected], ()
Build Modules: -

Reproduction

No response

Describe the bug

Good morning,
I use the "Local" Provider without any problem on my laptop with an API back-end on http://localhost:8080

But when I deploy my app on my Web server, the baseUrl parameter does not seem to be taken into account.

Here is my conf:

.env (laptop)

PORT=3000
NITRO_PORT=3000

NUXT_PUBLIC_URL_FRONT=http://localhost:3000/
NUXT_PUBLIC_URL_API=http://localhost:8080/

nuxt.config.ts:

auth: {
    baseURL: process.env.NUXT_PUBLIC_URL_API,
    provider: {
      type: "local",
      endpoints: {
        signIn: { path: "auth/login", method: "post" },
        signOut: { path: "auth/logout", method: "post" },
        signUp: { path: "auth/register", method: "post" },
        getSession: { path: "auth/profile", method: "get" },
      },
      pages: {
        login: "/login",
      },
      token: {
        signInResponseTokenPointer: "/token/accessToken",
      },
    },
    globalAppMiddleware: {
      isEnabled: false,
    },
  },

When I display the contents of the conf variable I have this:
On my Laptop :

{
  "public": {
    "urlFront": "http://localhost:3000/",
    "urlApi": "http://localhost:8080/",
...
"auth": {
      "computed": {
        "origin": "http://localhost:8080",
        "pathname": "/",
        "fullBaseUrl": "http://localhost:8080"
      },
      "isEnabled": true,
      "session": {
        "enableRefreshPeriodically": false,
        "enableRefreshOnWindowFocus": true
      },
      "globalAppMiddleware": {
        "isEnabled": false,
        "allow404WithoutAuth": true,
        "addDefaultCallbackUrl": true
      },
      "baseURL": "http://localhost:8080/",
      "provider": {
        "type": "local",
        "pages": {
          "login": "/login"
        },
        "endpoints": {
          "signIn": {
            "path": "auth/login",
            "method": "post"
          },
          "signOut": {
            "path": "auth/logout",
            "method": "post"
          },
          "signUp": {
            "path": "auth/register",
            "method": "post"
          },
          "getSession": {
            "path": "auth/profile",
            "method": "get"
          }
        },
        "token": {
          "signInResponseTokenPointer": "/token/accessToken",
          "type": "Bearer",
          "headerName": "Authorization",
          "maxAgeInSeconds": 1800
        }
      }
    }
  },

on the web server :

{
  "public": {
    "urlFront": "https://dev.website.org/",
    "urlApi": "https://dev.api.website.org/",
...
"auth": {
      "computed": {
        "origin": "",
        "pathname": "/api/auth",
        "fullBaseUrl": "/api/auth"
      },
      "isEnabled": true,
      "session": {
        "enableRefreshPeriodically": false,
        "enableRefreshOnWindowFocus": true
      },
      "globalAppMiddleware": {
        "isEnabled": false,
        "allow404WithoutAuth": true,
        "addDefaultCallbackUrl": true
      },
      "provider": {
        "type": "local",
        "pages": {
          "login": "/login"
        },
        "endpoints": {
          "signIn": {
            "path": "auth/login",
            "method": "post"
          },
          "signOut": {
            "path": "auth/logout",
            "method": "post"
          },
          "signUp": {
            "path": "auth/register",
            "method": "post"
          },
          "getSession": {
            "path": "auth/profile",
            "method": "get"
          }
        },
        "token": {
          "signInResponseTokenPointer": "/token/accessToken",
          "type": "Bearer",
          "headerName": "Authorization",
          "maxAgeInSeconds": 1800
        }
      }
    }
  },

However the NUXT_PUBLIC_URL_API constant is well loaded by Nuxt as shown by the public / urlApi variable of the Nuxt config

And suddenly, as the baseUrl variable is not configured, when I call signIn, the http post call is made on:

"https://dev.website.org/api/auth/auth/login"

instead of :

"https://dev.api.website.org/auth/login"

Additional context

No response

Logs

No response

The text was updated successfully, but these errors were encountered:

kaboume · 2023-05-05T08:58:30Z

and here is the pm2 config on my web server :

"apps": [
    {
      "name": "dev.website.org",
      "exec_mode": "fork",
      "port": "3002",
      "script": "NUXT_PUBLIC_ENVIRONNEMENT=dev NUXT_ENVIRONNEMENT=dev PORT=3002 NITRO_PORT=3002 NUXT_PUBLIC_URL_FRONT=https://dev.website.org/ NUXT_PUBLIC_URL_API=https://dev.api.website.org/ node .output/server/index.mjs",
      "cwd": "/var/www/dev.website.org",
      "autorestart": true,
      "watch": false,
      "max_memory_restart": "1G",
      "env": {
        "NODE_ENV": "development"
      },
      "env_production": {
        "NODE_ENV": "production"
      }
    }

kaboume · 2023-05-08T19:04:57Z

Any idea ?
Has someone used the local provider with basePath in production ?

kaboume · 2023-05-11T18:43:08Z

IT works only if the baseUrl is hardcoded like that in nuxt.config.ts :

auth: {
    baseURL: "https://dev.api.website.org/",
    provider: {
      type: "local",
      ....
  },

romanzipp · 2023-05-12T07:32:01Z

~~Regarding your issue: It seems like there is no baseURL config field according to the docs.~~ Just noticed that you're using version 0.6.0 where this has changed

I'm currently encountering the same issue in my OAuth flow.

My config:

auth: {
    origin: process.env.AUTH_ORIGIN,
    basePath: '/api/auth',
    defaultProvider: 'foobar',
    enableGlobalAppMiddleware: false,
},

I've checked that the AUTH_ORIGIN is correctly set to stage.example.com.

This is the OAuth flow observed from the Devtools:

GET https://stage.example.com/api/auth/signin?callbackUrl=https://stage.example.com/
Got redirect response to /login?callbackUrl=http://localhost:3000&error=undefined
Redirected to my Backend https://stage.example.com/oauth/authorize?client_id=...&scope=&response_type=code&redirect_uri=http://localhost:3000/api/auth/callback/foobar&state=...

I have no idea why the redirect response includes a callbck URL to localhost:3000, there is no such environment value or config setting. I can only imagine that this value is taken from the currently running host/port.

BracketJohn · 2023-05-12T07:47:11Z

Yeah, we do deduce some stuff automatically - but in 0.6 this is a bit broken at the moment, sorry for that - the beta is not quite stable.

I don't have super much time at the moment but will try to resolve this ASAP!

romanzipp · 2023-05-12T09:31:22Z

@kaboume as a workaround you could try setting the NEXTAUTH_URL env variable. This seems to work fine for me

kaboume · 2023-05-12T10:52:52Z

thanks @romanzipp

It's better but I'v still an issue.

Now the Call Api made by SignIn meythod is https://dev.api.website.org/api/auth/auth/login in the place of https://dev.api.website.org/auth/login

So Nuxt Auth added /ai/auth

When I display the config :

auth : { computed : {origin: '', pathname: '/api/auth', fullBaseUrl: '/api/auth'}

Plinpod · 2023-06-07T07:49:01Z

~~Regarding your issue: It seems like there is no baseURL config field according to the docs.~~ Just noticed that you're using version 0.6.0 where this has changed

I'm currently encountering the same issue in my OAuth flow.

My config:
auth: {
    origin: process.env.AUTH_ORIGIN,
    basePath: '/api/auth',
    defaultProvider: 'foobar',
    enableGlobalAppMiddleware: false,
},
I've checked that the AUTH_ORIGIN is correctly set to stage.example.com.

This is the OAuth flow observed from the Devtools:

GET https://stage.example.com/api/auth/signin?callbackUrl=https://stage.example.com/

Got redirect response to /login?callbackUrl=http://localhost:3000&error=undefined

Redirected to my Backend https://stage.example.com/oauth/authorize?client_id=...&scope=&response_type=code&redirect_uri=http://localhost:3000/api/auth/callback/foobar&state=...

I have no idea why the redirect response includes a callbck URL to localhost:3000, there is no such environment value or config setting. I can only imagine that this value is taken from the currently running host/port.

having the same issue

redanefzi · 2023-06-20T12:24:14Z

I had the same issue but i was able to fix it by adding:

computed: {
      origin: true,
      fullBaseUrl: process.env.AUTH_URL,
   },

to

auth:{}

bujji1 · 2023-06-22T16:15:03Z

I had the same issue but i was able to fix it by adding:

computed: {
      origin: true,
      fullBaseUrl: process.env.AUTH_URL,
   },

to

auth:{}

Sorry, can I know where did you add this code? I mean changing from

computed: {
      origin: true,
      fullBaseUrl: process.env.AUTH_URL,
   },

to

auth:{}

kaboume · 2023-06-26T10:59:22Z

@BracketJohn : is this issue fixed with the 0.6.0-beta.3 release ?

redanefzi · 2023-06-30T23:14:08Z

I had the same issue but i was able to fix it by adding:
computed: {
      origin: true,
      fullBaseUrl: process.env.AUTH_URL,
   },
to
auth:{} 
Sorry, can I know where did you add this code? I mean changing from
computed: {
      origin: true,
      fullBaseUrl: process.env.AUTH_URL,
   },
to

auth:{}

i added the whole computed object inside the auth object like this:

  auth: {
    computed: {
      origin: true,
      fullBaseUrl: process.env.AUTH_URL,
    },
...
}

kaboume · 2023-10-03T11:56:52Z

Good morning,
I see that the bug has still not been fixed by the team.
I wonder if the project is still well maintained?

zoey-kaiser · 2023-10-11T06:42:32Z

Hi @kaboume,

We have been pretty swampped over the summer with other projects, which is why our focus sadly had to shift away from sidebase for a while. I am currently rammping up my work on the project again and have this on my list of hotfixes, to look into!

zoey-kaiser · 2023-10-11T17:35:47Z

Hello @kaboume @romanzipp 👋

I did some testing myself on version 0.6.0-beta.7. I can report the following:

setting baseURL to http://localhost:3001/api/users modified all the requests properly and gave me the callback url of:

https://github.com/login/oauth/authorizeredirect_uri=http%3A%2F%2Flocalhost%3A3001%2Fapi%2Fusers%2Fcallback%2Fgithub

Which did take my new route into account. Therefore, I conclude that in my Dev setup the baseURL property is working correctly.

According to the code, this should also be the case, as we take the given baseURL and pharse it for the origin as well as the path here using this package: https://github.com/unjs/ufo#parseurl

My follow up questions to properly determine your issues:

What versions are you using. Does it still happen on 0.6.0-beta.7?
Is this an issue only happening on production or already on dev servers?
Does this only happen if you inject environment variables, or also when hard setting the value (I think this was mentioned above)
Do you use the same properties I used below (if using >0.6.0)

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@sidebase/nuxt-auth'],
  devServer: {
    port: 3001
  },
  auth: {
    baseURL: 'http://localhost:3001/api/users',
    provider: {
      type: 'authjs'
    },
    globalAppMiddleware: {
      isEnabled: true
    }
  }
})

kaboume · 2023-10-16T08:31:12Z

Hi @zoey-kaiser
I just tested with version 0.6.0-beta.7 and I encounter the same problem.
When I develop locally, no problem. The problem appears when I deploy on a server (npm run build...)

Here is my configuration:


auth: {
     baseURL: process.env.NEXTAUTH_URL,
     provider: {
       type: "local",
       endpoints: {
         signIn: { path: "auth/login", method: "post" },
         signOut: { path: "auth/logout", method: "post" },
         signUp: { path: "auth/register", method: "post" },
         getSession: { path: "auth/profile", method: "get" },
       },
       pages: {
         login: "/login",
       },
       token: {
         signInResponseTokenPointer: "/token/accessToken",
       },
     },

My frontend calls my nodeJs backend to authenticate users with a login/password.
Thank you for your help.

zoey-kaiser · 2023-10-16T15:04:14Z

Hi @kaboume,

Could you be so kind to tell me a bit about your deployment? Is it only a normal webserver where you then start the application or are you using Vercel, Netlify etc.
Also, does this happen when you build locally and start for production or only on your actual webserver?

zoey-kaiser · 2023-11-06T13:01:59Z

Closed due to inactivity. If you still require more help, please comment in this issue and we can reopen it!

rafalolszewski94 · 2024-03-01T18:09:32Z

This issue still persists and not even after deployment, but locally too.

This is my auth config. NUXT_PUBLIC_API_BASE is set to http://localhost:3333

  auth: {
    baseURL: process.env.NUXT_PUBLIC_API_BASE || "http://localhost:3333",
    provider: {
      type: "local",
      endpoints: {
        signIn: { path: "/login", method: "post" },
        signOut: { path: "/logout", method: "post" },
        signUp: { path: "/register", method: "post" },
        getSession: { path: "/session", method: "get" },
      },
      pages: {
        login: "/auth/login",
      },
      token: { signInResponseTokenPointer: "/accessToken" },
      sessionDataType: {},
    },
    enableSessionRefreshPeriodically: 5000,
    enableSessionRefreshOnWindowFocus: true,
    globalMiddlewareOptions: {
      allow404WithoutAuth: true, // Defines if the 404 page will be accessible while unauthenticated
      addDefaultCallbackUrl: "/", // Where authenticated user will be redirected to by default
    },
  },

Using signIn method and it uses this URL for request http://localhost:3333/api/auth/login

rafalolszewski94 · 2024-03-01T18:20:45Z

Found out that these lines are probably the fault here

https://github.com/sidebase/nuxt-auth/blob/main/src/module.ts#L111-L113

And baseURL works when you put trailing slash at the end; like so http://localhost:3333/, which shouldn't work like so. It should work without trailing slash.

bitfactory-frank-spee · 2024-03-15T11:53:09Z

Found out that these lines are probably the fault here

main/src/module.ts#L111-L113

And baseURL works when you put trailing slash at the end; like so http://localhost:3333/, which shouldn't work like so. It should work without trailing slash.

Glad I found this issue and scrolled down. I wanted to report this issue aswell. I documented this in my config like so:

// IMPORTANT: it needs a trailing slash else /api/auth is appended
// but the trailing slash is not set for the endpoints
baseURL: `${process.env.API_URL}/` || 'https://api.domain.test/',

So I think this might be related, although it probably is because of this line:

nuxt-auth/src/module.ts

Line 122 in 5d713aa

fullBaseUrl: joinURL(origin ?? '', pathname)

phoenix-ru · 2024-04-04T10:01:24Z

And baseURL works when you put trailing slash at the end; like so http://localhost:3333/, which shouldn't work like so. It should work without trailing slash.

Thanks for finding this. I am not sure if this is a bug, to me it looks like an intended feature because of the default /api/auth pathname:

nuxt-auth/src/module.ts

Line 111 in 5d713aa

const { origin, pathname = '/api/auth' } = getOriginAndPathnameFromURL(

Modifying this will be a hard breaking change for our users who already use no trailing slash at the end.

We already use AUTH_ORIGIN for authjs provider, maybe it makes sense to unify approaches. I would think about it.

bitfactory-frank-spee · 2024-04-25T12:46:03Z

True, it is breaking change. I see that. But it should not append /api/auth when a variable is set in the config, this is weird behaviour in my opinion. It should only default to /api/auth and not treat the baseURL as a prefix to /api/auth. The endpoints config in the provider settings is where you set the /api/auth or whatever is needed.

kaboume added the bug label May 5, 2023

zoey-kaiser added the v0.6.0 label May 11, 2023

zoey-kaiser assigned BracketJohn May 11, 2023

kaboume mentioned this issue Jun 4, 2023

Nuxt app baseURL not taken into account #404

Closed

zoey-kaiser assigned zoey-kaiser and unassigned BracketJohn Oct 11, 2023

zoey-kaiser mentioned this issue Oct 11, 2023

baseURL is ignored in redirect_uri query parameter #395

Closed

zoey-kaiser mentioned this issue Oct 12, 2023

When i sign out, we redirect to localhost:3000, not to origin url #453

Closed

zoey-kaiser mentioned this issue Oct 17, 2023

Issue with adding origin #515

Closed

zoey-kaiser closed this as completed Nov 6, 2023

zoey-kaiser reopened this Mar 2, 2024

zoey-kaiser added p4 Important Issue bug A bug that needs to be resolved labels Mar 2, 2024

ReaperMaga mentioned this issue Mar 14, 2024

feat: Allow one to use an environment variable instead of the nuxt config for baseURL #711

Closed

9 tasks

zoey-kaiser linked a pull request Mar 20, 2024 that will close this issue

feat: Allow one to use an environment variable instead of the nuxt config for baseURL #711

Closed

9 tasks

phuze mentioned this issue Apr 30, 2024

baseURL is being ignored #749

Closed

phoenix-ru mentioned this issue May 2, 2024

perf: server side fetch requests made to various endpoints #742

Closed

zoey-kaiser mentioned this issue May 9, 2024

Usage of process.env in Nuxt #751

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Local Provider : baseURL not considered after deployment #368

Local Provider : baseURL not considered after deployment #368

kaboume commented May 5, 2023 •

edited

kaboume commented May 5, 2023

kaboume commented May 8, 2023

kaboume commented May 11, 2023

romanzipp commented May 12, 2023 •

edited

BracketJohn commented May 12, 2023

romanzipp commented May 12, 2023

kaboume commented May 12, 2023

Plinpod commented Jun 7, 2023

redanefzi commented Jun 20, 2023 •

edited

bujji1 commented Jun 22, 2023 •

edited

kaboume commented Jun 26, 2023

redanefzi commented Jun 30, 2023 •

edited

kaboume commented Oct 3, 2023

zoey-kaiser commented Oct 11, 2023

zoey-kaiser commented Oct 11, 2023

kaboume commented Oct 16, 2023

zoey-kaiser commented Oct 16, 2023

zoey-kaiser commented Nov 6, 2023

rafalolszewski94 commented Mar 1, 2024

rafalolszewski94 commented Mar 1, 2024 •

edited

bitfactory-frank-spee commented Mar 15, 2024

phoenix-ru commented Apr 4, 2024

bitfactory-frank-spee commented Apr 25, 2024

Local Provider : baseURL not considered after deployment #368

Local Provider : baseURL not considered after deployment #368

Comments

kaboume commented May 5, 2023 • edited

Environment

Reproduction

Describe the bug

Additional context

Logs

kaboume commented May 5, 2023

kaboume commented May 8, 2023

kaboume commented May 11, 2023

romanzipp commented May 12, 2023 • edited

BracketJohn commented May 12, 2023

romanzipp commented May 12, 2023

kaboume commented May 12, 2023

Plinpod commented Jun 7, 2023

redanefzi commented Jun 20, 2023 • edited

bujji1 commented Jun 22, 2023 • edited

kaboume commented Jun 26, 2023

redanefzi commented Jun 30, 2023 • edited

kaboume commented Oct 3, 2023

zoey-kaiser commented Oct 11, 2023

zoey-kaiser commented Oct 11, 2023

kaboume commented Oct 16, 2023

zoey-kaiser commented Oct 16, 2023

zoey-kaiser commented Nov 6, 2023

rafalolszewski94 commented Mar 1, 2024

rafalolszewski94 commented Mar 1, 2024 • edited

bitfactory-frank-spee commented Mar 15, 2024

phoenix-ru commented Apr 4, 2024

bitfactory-frank-spee commented Apr 25, 2024

kaboume commented May 5, 2023 •

edited

romanzipp commented May 12, 2023 •

edited

redanefzi commented Jun 20, 2023 •

edited

bujji1 commented Jun 22, 2023 •

edited

redanefzi commented Jun 30, 2023 •

edited

rafalolszewski94 commented Mar 1, 2024 •

edited