Vue.js＋axiosで通信

Question

//mian.js
import Vue from ‘vue’
import App from ‘./App.vue’
import router from ‘./router’
import store from ‘./store’
import vuetify from ‘./plugins/vuetify’;
import axios from ‘axios’
Vue.config.productionTip = false
Vue.prototype.$axios = axios
new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount(‘#app’)

methods: {
  submit: function(){
    this.$axios.post(‘192.168.100.102:8080/test’, {
      // user_name: this.user_name,
      // user_email: this.email,
      // user_password: this.passwd1
    })
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });
  }
}

↑のコードでアクセスするとエラーになります…

localhost:8080/が自動で追加されてURLがおかしなことになってしまうんですがこれの回避方法を教えて下さい。

Answer 1

this.$axios.post(‘http://192.168.100.102:8080/test’, {
  // user_name: this.user_name,
  // user_email: this.email,
  // user_password: this.passwd1
 })
 .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

構文を少し変えてみると、404ではなくなりました。