nextjs import issue (solved) about ahoy.js

[ankane]

Hey @kohheepeace, thanks for following up with the solution 👍

[firdausmaarof]

@kohheepeace you are a savior. Thanks.

[montekaka]

@kohheepeace followed the next.js config,
in utils/ahoy.js

// https://github.com/ankane/ahoy.js/issues/35
import Cookie from 'js-cookie'

const baseURL = process.env.RAILS_ENDPOINT;

const isServer = (typeof window === 'undefined')
let ahoy

if (!isServer) {
  ahoy = require('ahoy.js').default;

  ahoy.configure({
    urlPrefix: '',
    visitsUrl: `${baseURL}/ahoy/visits`,
    eventsUrl: `${baseURL}/ahoy/events`,
    page: "Bio page",
    platform: 'Web',
    useBeacon: true,
    startOnReady: true,
    trackVisits: true,
    cookies: false,
    cookieDomain: null,
    headers: {'Authorization': `Bearer ${Cookie.get('accessToken')}`},
    visitParams: {},
    withCredentials: true
  })
}


export default ahoy

but keep getting

Access to XMLHttpRequest at 'http://localhost:3000/ahoy/events' from origin 'http://localhost:5000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

in rails ahoy.rb

class Ahoy::Store < Ahoy::DatabaseStore
end

# set to true for JavaScript tracking
Ahoy.api = true

# set to true for geocoding
# we recommend configuring local geocoding first
# see https://github.com/ankane/ahoy#geocoding
Ahoy.geocode = true
Ahoy.job_queue = :low_priority

# since the request is from next JS server
# FIXME
Ahoy.track_bots = true

Please advise.
Thanks!

[kohheepeace]

@montekaka CORS error is very common issues. Using the rack-cors gem may solve the problem. And this is a tutorial https://admatbandara.medium.com/setting-up-cors-to-my-rails-api-a6184e461a0f to add this gem.

[montekaka]

@montekaka CORS error is very common issues. Using the rack-cors gem may solve the problem.

Thanks so much for the quick response. I setup it as well. I have cors.rb:

Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins '*'
    resource '*',
    headers: :any,
    expose: ['access-token', 'expiry', 'token-type', 'uid', 'client'],
    methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

[montekaka]

I might have my issue solved by change the withCredentials to false.

[fkapsahili]

I actually had to add credentials: true to the cors.rb initializer:

resource "*",
   headers: :any,
   methods: :any,
   credentials: true