401 (Unauthorized) on local using front_end_integration example

[anjanesh]

My http://localhost:7700 is running successfully.

I'm running the vanilla code at https://www.meilisearch.com/docs/learn/front_end/front_end_integration and get 3 errors on startup in console :

POST http://localhost:7700/multi-search 401 (Unauthorized)

instant-meilisearch.umd.min.js:1 MeiliSearchApiError: The Authorization header is missing. It must use the bearer authorization method.

meilisearch.umd.js:2 Uncaught (in promise) Error: MeiliSearchApiError: The Authorization header is missing. It must use the bearer authorization method.

[anjanesh]

required to enter the key in the instantMeiliSearch argument

searchClient: instantMeiliSearch(
        "http://localhost:7700", 'aSampleMasterKey'
      )

[curquiza]

Hello @anjanesh

You have set up a master key when launching Meilisearch. You need to replace aSampleMasterKey with the master key you set up.
⚠️ In production do not use your master key to apply your search but your default search API

More information here: https://www.meilisearch.com/docs/learn/security/master_api_keys