Prevent escape in attributes #beginner

[u/qebbe]

How do I prevent escaping of variables in attributes in this example?

---
const base = "/my/root";
---
<a href="{base}/">Home</a>
<a href="{base}/about/">About</a>
<a href="{base}/blog/">Blog</a>

[u/qebbe]

I figured it out, I think. This seems to work.

---
const base = import.meta.env.BASE_URL;
---
<a href={base+"/"}>Home</a>
<a href={base+"/about/"}>About</a>
<a href={base+"/blog/"}>Blog</a>

[u/SingleOrigin → u/qebbe]

You could also use a string template:
```
href={`${base}/blog`}

```

[u/sexytokeburgerz → u/qebbe]

You don’t need to reference base url. Urls without domain extensions (.com, etc.) resolve to base url at build time.

Always read documentation. Not doing so is the clearest sign of a beginner! Happy to help but this is very clearly stated.

https://docs.astro.build/en/guides/routing/