CORS issue

@D5

I am facing this CORS error. I am using Vite as my frontend.

I tried setting up the Hostname to localhost and to * but still didnt work.

If anyone can check it out it would be great... thank you !

TL;DR

Developers are experiencing a CORS issue while using Vite as their frontend. They have tried setting the hostname to `localhost` and `*`, but the issue persists. No solution is provided in the thread.

Thanks for creating the post! Do you have any other errors appart from this one?

And what's the code?

i just started the project :p

i will provide it one sec

@D5 i dont think i can provide the code because of my extensive folder / file structuring.

Not everything, only the appwrite code fragment

config.ts

TypeScript

import { Client, Account, Databases, Storage, Avatars } from 'appwrite';

export const appwriteConfig = {
    projectId: import.meta.env.VITE_APPWRITE_PROJECT_ID,
    url: import.meta.env.VITE_APPWRITE_URL
}

export const client = new Client();

client.setProject(appwriteConfig.projectId);
client.setEndpoint(appwriteConfig.url);

console.log("appwriteConfig.projectId", appwriteConfig.projectId)
console.log("appwriteConfig.url", appwriteConfig.url)


export const account = new Account(client);
export const databases = new Databases(client);
export const storage = new Storage(client);
export const avatars = new Avatars(client);

Signupform.ts

TypeScript

const SignupForm = () => {
  
  const isLoading = false;
  
   const form = useForm<z.infer<typeof SignupValidation>>({
    resolver: zodResolver(SignupValidation),
    defaultValues: {
      name: "",
      username: "",
      email: "",
      password: ""
    },
  })
 
  
  async function onSubmit(values: z.infer<typeof SignupValidation>) {
    const newUser = await createUserAccount(values)
    console.log(newUser)
  }


<form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col gap-5 w-full mt-4`">
</form>