<Template> <form @submit.prevent="submit"> <h1 class="h3 mb-3

fw-normal">Please sign in</h1>

<input
v-model="data.email"
type="email"
class="form-control"
placeholder="Email"
required
/>

<input
v-model="data.password"
type="password"
class="form-control"
placeholder="Password"
required
/>

<button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
</form>
</template>

<script lang="ts">
import { reactive } from 'vue'
import { useRouter } from 'vue-router'

export default {
name: 'Login',
setup() {
const data = reactive({
email: '',
password: '',
})
const router = useRouter()

const submit = async () => {
const user = new FormData()
user.append('username', data['email'])
user.append('password', data['password'])
// await fetch('https://0225-95-161-189-62.ngrok.io/auth/jwt/login', {
// mode: 'no-cors',
// method: 'POST',
// credentials: 'include',
// body: user,
// })

const rezponze = await fetch(
'url',
{
mode: 'no-cors',
method: 'POST',
credentials: 'include',
headers: {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Credentials': `true`,
},
body: user,
}
)
debugger
console.log(await rezponze.text())
return await rezponze.text()
// await router.push('/')
}

return {
data,
submit,
}
},
}
</script>

Запрос могу отправить отправляется успешно, но в ответ не могу получить токен...
Может кто подскажет в чем проблема?

прочитайте что делает "no-cors"