在運行 Magento 2 商店時，會有很多情況需要系統自動獲取基本或特定頁面網址，例如，CMS 頁面某一連結需要連到特定站內網址或是開發中 KnockoutJS 需要引入特定 url。

因此，本篇主題將統整前端常使用獲取 URL 的方法，提供給大家參考。

從這篇文章你會知道：

• .phtml 獲取 URL

• .html KnockoutJS 獲取 URL

• WYSIWYG editor 獲取 URL

 

.phtml 獲取 URL

• Base URL ( http://domain.com/ )
  

  <?= $this->getUrl() ?>

• Specific page URL, e.g. “Contact Us" ( http://domain.com/contact )
  

  <?= $this->getUrl('contact') ?>

.html KnockoutJS 獲取 URL

1. 在 JS 文件中設置 URL，首先將 mage/url 添加到 dependencies，再將以下 Function 新增到 JS 文件中
   

   getContactUrl: function() {
       return url.build('contact');
   },

2. .html 使用 Knockout 獲取 URL
   

   <a data-bind="attr: { href: getContactUrl() }">Contact Us</a>

3. 前台結果
   

   <a href="http://domain.com/contact" 
       data-bind="attr: { href: getContactUrl() }">Contact Us</a>

WYSIWYG Editor 獲取 URL

• Base URL ( http://domain.com/ )
  

  {{ store url='' }}

• Specific page URL, e.g. “Contact Us" ( http://domain.com/contact )
  

  {{ store url='contact' }}

 

以上為 Magento 2 中獲取基本 URL 和特定頁面 URL 的方法。使用上述方式獲取 URL 簡化了商店管理員的工作，因為構建頁面或在某處附加 URL 時，我們不需要查找和輸入完整的 URL，尤其是在多站式商店最能感受明顯的便利！

---

接下來我們還會持續介紹各種簡易又好用的方法給大家，記得追蹤我們的FB粉絲團及IG，也別忘了訂閱電子報，就不會錯過第一手的最新消息囉！有問題也歡迎聯繫我們！