Skift fra DAWA på én linje

Samme stier, samme svar-format. Skift kun base-URL og tilføj din X-Api-Key — resten af din kode er uændret.

Før — DAWA 
curl "https://dawa.aws.dk/autocomplete?q=rådhuspladsen"
Efter — Danadresse 
curl "https://api.danadresse.dk/autocomplete?q=rådhuspladsen" \
     -H "X-Api-Key: dawa_live_…"
Før — DAWA 
fetch("https://dawa.aws.dk/autocomplete?q=rådhuspladsen")
Efter — Danadresse 
fetch("https://api.danadresse.dk/autocomplete?q=rådhuspladsen", {
  headers: { "X-Api-Key": "dawa_live_…" }
})
Før — DAWA 
requests.get("https://dawa.aws.dk/autocomplete",
             params={"q": "rådhuspladsen"})
Efter — Danadresse 
requests.get("https://api.danadresse.dk/autocomplete",
             params={"q": "rådhuspladsen"},
             headers={"X-Api-Key": "dawa_live_…"})
Før — DAWA 
$ctx = stream_context_create();
file_get_contents("https://dawa.aws.dk/autocomplete?q=rådhuspladsen", false, $ctx);
Efter — Danadresse 
$ctx = stream_context_create(["http" => [
  "header" => "X-Api-Key: dawa_live_…"
]]);
file_get_contents("https://api.danadresse.dk/autocomplete?q=rådhuspladsen", false, $ctx);
Før — DAWA 
http.Get("https://dawa.aws.dk/autocomplete?q=rådhuspladsen")
Efter — Danadresse 
req, _ := http.NewRequest("GET",
  "https://api.danadresse.dk/autocomplete?q=rådhuspladsen", nil)
req.Header.Set("X-Api-Key", "dawa_live_…")
http.DefaultClient.Do(req)
Før — DAWA 
await http.GetStringAsync(
  "https://dawa.aws.dk/autocomplete?q=rådhuspladsen");
Efter — Danadresse 
http.DefaultRequestHeaders.Add("X-Api-Key", "dawa_live_…");
await http.GetStringAsync(
  "https://api.danadresse.dk/autocomplete?q=rådhuspladsen");
Hent gratis nøgle →

Vue.js adresse autocomplete Danmark · Composition API

Tilføj dansk adresse-autocomplete til din Vue 3-app med Composition API: ét watchEffect-kald mod api.danadresse.dk og du har typo-tolerant typeahead med 2,7 mio. danske adresser.

Status: Live — kræver API-nøgle (gratis, ingen kreditkort)

Hvad du får

Vue 3 Composition API

ref() + watchEffect() — ingen store, ingen plugin, ét component.

Nuxt 3 server routes

Proxy API-nøglen i en Nuxt server route — klienten ser aldrig nøglen.

Pinia-integration

Gem seneste autocomplete-resultater i en Pinia store for delt state på tværs af komponenter.

Eksempel

// Vue 3 Composition API
const q = ref('')
const hits = ref([])
watchEffect(async () => {
  if (!q.value) return
  const r = await fetch(
    `https://api.danadresse.dk/autocomplete?q=${q.value}`,
    { headers: { 'X-Api-Key': import.meta.env.VITE_DANADRESSE_KEY } }
  )
  hits.value = await r.json()
})

Sådan bliver det brugt

Vue SPA checkout

Integrer i eksisterende checkout-flow uden at ændre formular-struktur.

Nuxt content-site

Server-renderet adressesøgning med fuld SSR-support via useAsyncData.

Headless e-handel

Kombiner med Shopify Storefront API eller WooCommerce REST — addresses valideret, ordrer korrekte.

Drop-in DAWA-kompatibel

Slug /vue-adresse-autocomplete følger DAWA's konventioner — samme paths, samme JSON-shape, samme UUID'er. Se migration guide for det fulde overblik.

Se også

Gratis API (2 000 kald/md) WooCommerce autocomplete Shopify adresse-API Checkout autocomplete Ejendomsmægler-bundle

Klar til at integrere?

Gratis nøgle, ingen kreditkort, 2 000 kald/måned.

Start gratis →    Læs API-dokumentation →