axiosを用いたjsonデータの取得について

Question

axiosを使用して、jsonファイルを取得しようとしています。
現在「118.json」（id.json）としているところをparamsのIDに応じてデータを取得してきたいのですが、
paramsの値を特定した書き方がわからない状況です。

わかる方がいらっしゃいましたらご教授お願いします。

created() {
	axios.get(`/jobs/118.json`)
	.then(response => {
	  this.job = response.data
	})
	.catch(e => {
	  this.errors.push(e)
	})

参考にしたサイト
参考サイト
試したこと

	axios.get(`/jobs`, {
	  params: {
	    id: 'id'
	  }
	})
Jsonファイルを特定するPathの書き方がわからない状況です。

Answer 1

こんな感じでどうでしょうか？
インデント汚くてすみません＞＜

 data: function () {
    return {
        id: '118'
    }
},
methods: {
fetch: function (e) {
    axios.get(`/jobs/${this.id}.json`)
    .then(response => {
      this.job = response.data
    })
    .catch(e => {
      this.errors.push(e)
    })
}
},
mounted: function () {
this.fetch()
}

Comments

[hiropo]

ご回答ありがとうございます。
言葉足らずで申し訳ございません。
http://localhost:3000/jobs/10/editや
http://localhost:3000/jobs/11/editにアクセスした時にIDにparamsのidを取得して動的にアクセスしたいのですが、この場合どのように組み立てていけばよろしいのでしょうか

[pokkur]

その場合はvue-routerを利用を使用するのが良いと思います。

```js
axios.get(`/jobs/${this.$route.params.id}.json`)
```

[hiropo]

ご回答ありがとうございます。
vue-routerについて調べているとSPAで作成する例が多数出てきまたした。
現在私は、Rails５にて「jobを編集する」を押すとhttp://localhost:3000/jobs/10/edit
に飛ぶようにコントローラで設定しています。（id:10）
私のようなケースでもvue-routerを使用することが望ましいのでしょうか。
他の方法などありましたらご教授いただければ幸いです。

[pokkur]

なるほどです、普通にURLからdataを作成する方法ではどうでしょうか？
```
let id = location.pathname.split('/')[2] // http://localhost:3000/jobs/10/edit でしたら 10 を取得します
```

[hiropo]

ご丁寧なご回答ありがとうございました。
ご指摘の通り行ったところ期待の動作が確認できました。
無事解決しました。