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对象有关于原点信息&路径当前打开的页面。

回答