Magento 2: Get base URL in web template

Question

How can we get Magento 2 base URL in web template (.html file) ?

Note: I am talking about web template (.html file). Not about general templates file (.phtml file).

See my note in question. It is not duplicate. – Kishan Patadia Feb 05 '18 at 05:31 — Kishan Patadia, Feb 05 '18 at 05:31
@ManashviBirla Please remove duplicate flag. – Kishan Patadia Feb 05 '18 at 05:37 — Kishan Patadia, Feb 05 '18 at 05:37
Which HTML file are you making changes to? – Dinesh Yadav Feb 05 '18 at 06:47 — Dinesh Yadav, Feb 05 '18 at 06:47
Please accept the answer if it's useful to you :) – Rohan Hapani Feb 05 '18 at 07:08 — Rohan Hapani, Feb 05 '18 at 07:08

score 3 · Answer 1 · answered Feb 05 '18 at 05:25

3

=> Set URL in the JS file :

First of all, Add mage/url to the list of dependencies.

Then, Add the following function to the knockout JS file:

getBaseUrl: function() {
    return url.build('<modulename>/<controllername>/<actionname>');
},

=> Use Knockout to set the href :

<a data-bind="attr: { href: getBaseUrl() }">Link Text</a>

Then, clear Varnish and browser cache.

answered Feb 05 '18 at 05:25

Rohan Hapani

I have only .html file to access. I don't have JS file access. How can I do ? – Kishan Patadia Feb 05 '18 at 05:34
follow this answer. Add this function in related knockout js file & then add attribute data-bind in your anchor tag as like this format – Rohan Hapani Feb 05 '18 at 05:43

1 Answers1