I have try to get base url using mage/url in my custom js , but it return url without base url so, is there any another way using that we can get magento base url in js which is added in admin side ?

  • 1
    You can get by pass url from phtml file and get into js file. Feb 27, 2020 at 10:07
  • thanks @Rohan , this is the one way we can do and working great !!! Feb 27, 2020 at 11:56
  • is there any another way that we can get solution with single js file without using phtml? Feb 27, 2020 at 11:56

2 Answers 2


mage/url widget is not used to fetch backend base URL in Magento 2.

You need to create a template file using layout XML and define the base URL of backend under the template file.

You can define any Global variable and set your URL in it.

Create a simple layout XML file to fetch backend URL of the site using JS,

Create default.xml file for global access at admin area or create a specific action layout file for a specific page,

File Path:  app/code/VendorName/MyModule/view/adminhtml/layout/default.xml

Code Content:

 <?xml version="1.0"?>
    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-2columns-left"
            <referenceContainer name="js">
                <block class="Magento\Backend\Block\Template" template="VendorName_MyModule::js.phtml"

Now Create js.phtml file,

File Path: app/code/VendorName/MyModule/view/adminhtml/templates/js.phtml

Code Content:

        ], function () {
            window.customUrl = "<?= /** @noEscape */ $block->getUrl('frontname/index/index')?>";
            var customUrl = window.customUrl;

In phtml file add this code:

         <input type="hidden" id="testUrl" value="<?php echo $this->getUrl(); ?>"/>

By using Id we can get base url in JS file


Hope it will help

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.