View data di vue.js menggunakan laravel [SOLVED]

Hai, mohon pencerahannya. Saya agak bingung saat menggunakan router dengan mode: 'history'. Jadi saat menggunakan code di bawah ini

routes.js


export default new VueRouter({
	mode: 'history',

	base: __dirname,

	routes: [
		{
			path: '/viewpost/:id', component: require('./views/Post.vue'), name: 'post'
		}
	],

	scrollBehavior: () => ({ y: 0 }),

	linkActiveClass: 'is-active',
});

router-link

 <router-link :to="'viewpost/' + post.id">{{ post.title}}</router-link>

Post.vue

 created() {
      axios.get('api/post/' + this.$route.params.id).then( (response) => {
        this.post = response.data
      })
      .catch( (response) => {
        console.log(response);
      })
    }

status code nya 200 ok, tapi entah kenapa ada tambahan url viewpost. Jadi url yang didapat menjadi localhost:8000/viewpost/api/post/id bukan localhost:8000/api/post/id

avatar ambarroto
@ambarroto

14 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

ternyata hanya kurang tanda '/' di

 axios.get('api/post/' ....

seharusnya

 axios.get('/api/post/' ....
avatar ambarroto
@ambarroto

14 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban