Vue.js mixinsを使用して文字列値を置き換える方法は？

Question

私はミックスインファイルをインポートしているにprofile.vueと呼ばれるコンポーネントを持って、

module.exports = { 
data() { 
    return { 
     url: 'http://localhost:3000' 
    }; 
    } 
} 

を下記のショーとしてurlMixin.jsと呼ばれるミックスインのファイルを作成しました。 profile.vueファイルはどのようにのように私は、urlMixin.jsファイルに存在するURL値でProfile.vue内のURL値を置き換えることができるようにしたい

import axios from 'axios'; 
 
import urlMixin from './../../mixins/urlMixin'; 
 

 
export default{ 
 
    data() { 
 
     return{ 
 
      
 
     } 
 
    }, 
 

 
    created: function(){ 
 
     
 
    }, 
 

 
    mixins : [ urlMixin ], 
 
    
 
    methods:{ 
 
     getInfo: function(){ 
 
      axios.get('this.url/profile') 
 
      .then(response =>{ 
 
       
 
      }) 
 
      .catch(e => { 
 
       this.errors.push(e); 
 
      }) 
 
     } 
 
    } 
 
}

、このようになりますprofile.vueファイルに表示されます。私はこれを達成するための方法がありますか？

Answer 1

あなたは、文字列に値を挿入するTemplate Literalsを使用することができますES6を使用している場合：

axios.get(`${this.url}/profile`) 

またはプレーンJavascriptを使用して：

axios.get(this.url + '/profile')