Vue.js中的絕對路徑

我正在Symfony項目中的vue文件中工作，我想從路由中找到絕對路徑。通常我做這樣的事情：Vue.js中的絕對路徑

this.$http({ 
    url: 'products/edit/'+product.id, 
    method: 'PUT', 
    params : params 
[...]

和它的偉大工程。但現在我並不需要使用this.$http因爲我想這樣做：

<div> 
    {{ getUrl(product) }} 
</div>

，我有我的功能：

getUrl(product) : { 
    let url = '/products/edit'+product.id 
    return url 
}

但顯然這只是顯示/products/edit/xxx 代替mysite.com/products/edit/xxx在生產或localhost/products/edit/xxx在當地。

在我的路由文件我有：

update_product: 
path: /products/edit/{product} 
defaults: { _controller: RBProductsBundle:Product:edit }

試試這個：

methods: 
    getFullUrl (product) { 
    return location.origin + this.getUrl(product) 
    } 
} 

... 
{{ getFullUrl(product) }} 
...

Location對象有關於原點信息&路徑當前打開的頁面。

回答