vuejs2 - Axios 获取单一配置文件

Question

Q) 使用 Axios 和 Vue 传递 id 并获取“Get”请求的正确方法是什么。

我有 Vue 组件，它具有数据对象和 pId -key 的值。

我已经检查过 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} "
• 网址为：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 方面是好的。

谢谢米卡。

标签： vuejs2axioslaravel-7.x

Answer 1

您必须使用``作为模板字符串。

所以正确的方法是：axios.get(`/profile/${this.pId}`)