vuejs2 - Axios は単一のプロファイルを取得します

Question

Q) Axios と Vue を使用して ID を渡し、「Get」リクエストを取得する正しい方法は何ですか?

データオブジェクトと値を持つ pId -key を持つ Vue コンポーネントがあります。

pId に値があることを確認しました。

プロファイル ID: {{ pId }}

値 1 を与えます。

data() {
    return {          
      pId: ''
    }
  },
methods: { 
    loadProfile(){
        this.status = 'Loading ....';
        axios.get("/profile/${pId} ")

        .then(function(response){
           this.profile = response.data.profile;
        })
        .catch(e => {
        this.errors.push(e)
        })
      },
init(){
        console.log('Profile mounted');
        EventBus.$on('creds' , key =>{
             [this.pId, this.uId] = key;
        })
}
  mounted(){
    this.init()
  },
  created: function() {

    this.loadProfile();
  }

• 次のようにpIdを渡すと： axios.get("/profile/${pId} "
• URL は: http://192.168.10.101:8000/profile/ $%7BpId%7D

• つまり、pId は値ではなく文字列です。

• 私はこれを試しました

  axios.get("/profile " + this.pId)

• http://192.168.10.101:8000/profileが表示されます

• プロファイル ID なし、

• パラメータとして id を渡すことも試みましたが、正しい方法ではありません。

• プロファイル ID をハードコーディングすると、Laravel からプロファイルを取得します。

• http://192.168.10.101:8000/profile/1

• そのため、ルートはLaravel側で大丈夫です。

ありがとうミカ。