[Solved] Blocked by CORS from localhost:5173
It must be something really trivial, but I can't find the problem. The URL from which my requests start is http://localhost:5173/. Request URL: https://cloud.appwrite.io/v1/account Status Code: 404 Referrer Policy: strict-origin-when-cross-origin Origin (inside Request Headers): http://localhost:5173
I added a Platform for requests coming from my GH Codespace, and that works fine. However I can't get it to work locally. Searching on this Discord server I saw someone mention the fact that we don't need to create a Platform for localhost. What am I doing wrong?
Can you share the code?
try {
const response = await account.get();
userID.value = response.$id;
router.replace('/trips');
} catch (error) {
if (error instanceof AppwriteException && error.code === 401) {
// TODO: show error message
}
router.replace('/auth');
console.log(error);
}
I'm using account from the Appwrite library
Looks good and localhost should work,
How do initializing the Client itself?
import { Client, Account, Databases, ID } from 'appwrite';
const PROJECT_ID: string = import.meta.env.VITE_APPWRITE_PROJECT_ID;
const DATABASE_ID: string = import.meta.env.VITE_APPWRITE_DATABASE_ID;
const TRIPS_COLLECTION_ID: string = import.meta.env.VITE_APPWRITE_TRIPS_COLLECTION_ID;
const ITEMS_COLLECTION_ID: string = import.meta.env.VITE_APPWRITE_ITEMS_COLLECTION_ID;
const client = new Client();
client.setEndpoint('https://cloud.appwrite.io/v1').setProject(PROJECT_ID);
const account = new Account(client);
const databases = new Databases(client);
export { account, databases, DATABASE_ID, TRIPS_COLLECTION_ID, ITEMS_COLLECTION_ID, ID };
I see,
One of the ways to get 404 is with mismatch project ID, can you verify VITE_APPWRITE_PROJECT_ID once more?
thank you! I really didn't think of this... I saw CORS and was sure that was the issue 😅
[Solved] Blocked by CORS from localhost:5173
