ResolvedSelf HostedWebCloud

[SOLVED] How to allow appwrite to accept requests from localhost?

Dec 27, 2023, 20:22

View on Discord

Votes

Replies

Participants

Unknown

Messages

kathelia.dokguOriginal post

Rank 3: Container

Jul 29, 2023, 03:30

When I added a platform to my project I specifed localhost as the hostname. But when making requests I get this error:

Access to XMLHttpRequest at 'https://cloud.appwrite.io/v1/account' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Summary

The user solved their issue by correctly updating their environment variable from `APPWRITE_PROJECT_ID` to `NEXT_PUBLIC_APPWRITE_PROJECT_ID`. They also mentioned that they have all services enabled on their self-hosted instance of Appwrite, except for GraphQL. They encountered a 404 error when making a request to the `create` function on the frontend. They asked how to allow localhost on their self-hosted instance, to which someone replied that localhost is allowed by default and the error is likely caused by something else, such as an incorrect project ID or lack of access to the API being called. Another user mentioned that they encountered a CORS error

Drake

Jul 29, 2023, 03:44

Localhost is allowed by default. You're probably getting that error for some other reason...like incorrect project id. Or you don't have access to whatever API you're hitting.

Drake

Jul 29, 2023, 03:44

Share the network logs if you still need help

kathelia.dokgu

Rank 3: Container

Jul 29, 2023, 04:05

I double checked and re-copied the correct IDs into my env file. In terms of services, I have everything enabled except for GraphQL. When I looked at the network tab this is really all I saw:

Request URL: https://cloud.appwrite.io/v1/account
Request Method: POST
Status Code: 404
Referrer Policy: strict-origin-when-cross-origin

On my frontend I'm just calling:

JavaScript

const userAccount = await account.create(
  ID.unique(),
  email,
  password,
  `${firstname} ${lastname}`
);

Also, just wondering, on my self-hosted instance of appwrite, what should I do to also allow localhost just like you say localhost is allowed by default on the cloud solution?

kathelia.dokgu

Rank 3: Container

Jul 29, 2023, 04:25

Ah, I figured out the issue - my env was named something like APPWRITE_PROJECT_ID which was fine because I initially was doing my appwrite calls from the backend but since I am moving the calls over to the frontend, I needed to use NEXT_PUBLIC_APPWRITE_PROJECT_ID.