Почему при запросах на url без явного указания домена браузер делает запрос на url без домена?

Question

[mrdragon9000]

Делаю приложение на laravel + Vuejs. Для ajax-a использую Axios.
Везде для axios указываю адрес от корня, например axios.get('/v1/users'). По логике браузер должен выполнить запрос относительно текущего домена, но он делает запрос на такой адрес: http:// v1/users . Это происходит не всегда, а раз через раз. Даже не представляю с чем это может быть связано. Есть какие-то идеи?

Comments

[Дмитрий Дерепко]

ну, вы для начала покажите конфиг Axios'а.
v1/user: Axios воспринимает v1, как доменное имя?

[mrdragon9000]

Дмитрий Дерепко, получается что да. Конфиги axios-a вообще не трогал, из коробки

[Дмитрий Дерепко]

https://github.com/axios/axios#global-axios-defaults

[mrdragon9000]

Дмитрий Дерепко,
Сначала выполняется bootstrap.js

window._ = require('lodash');

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');
    require('summernote');
    require('bootstrap');
    sparkline = require('jquery-sparkline')
} catch (e) {}

/**
 * We'll load the axios HTTP library which allows us to easily issue requests
 * to our Laravel back-end. This library automatically handles sending the
 * CSRF token as a header based on the value of the "XSRF" token cookie.
 */

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

/**
 * Next we will register the CSRF Token as a common header with Axios so that
 * all outgoing HTTP requests automatically have it attached. This is just
 * a simple convenience so we don't have to attach every token manually.
 */

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

/**
 * Echo exposes an expressive API for subscribing to channels and listening
 * for events that are broadcast by Laravel. Echo and event broadcasting
 * allows your team to easily build robust real-time web applications.
 */

// import Echo from 'laravel-echo'

// window.Pusher = require('pusher-js');

// window.Echo = new Echo({
//     broadcaster: 'pusher',
//     key: process.env.MIX_PUSHER_APP_KEY,
//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
//     encrypted: true
// });

window.swal = require('sweetalert2')
window.Swal = window.swal

window.Select2 = require('select2');

window.flatpickr = require("flatpickr");
window.flatpickrRussian = require("flatpickr/dist/l10n/ru.js").default.ru

Дальше app.js с собственно запросом

/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');





window.Vue = require('vue');

import VueRouter from 'vue-router';
window.Vue.use(VueRouter);

import Vuex from 'vuex';
window.Vue.use(Vuex)



import sklon from './sklon.js'
import countryName from './countryName.js'
	/**
	 * The following block of code may be used to automatically register your
	 * Vue components. It will recursively scan this directory for the Vue
	 * components and automatically register them with their "basename".
	 *
	 * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
	 */

const store = new Vuex.Store({
	state: {
		user: {}
	}
});

/**
 * Получение информации о пользователе и запись в глобальной хранилище
 *
 */
axios.get('/v1/user')
	.then((user) => {
		store.state.user = user.data
	})
	.catch((err) => {
		Swal.fire('Ошибка', 'Срок авторизации истек<br>' + err.response, 'error')
			.then(() => {
				window.location.reload()
			})
		console.log(err.response)
	})

[Дмитрий Дерепко]

mrdragon9000, написал ответ. и да, почему не импортируете axios перед использованием?

Answer 1

[Дмитрий Дерепко]

https://github.com/axios/axios#global-axios-defaults

axios.defaults.baseURL = 'https://api.example.com';