Почему vite размещает скрипты на урле 0.0.0.0:5173?

Ссылка скопирована
JavaScript npm Веб-разработка
1 ответ

Добрый день.
Вне зависимости от того, что размещено в .env - скрипты и стили грузятся по этому адресу (0.0.0.0:5173). У меня дев разработка на localhost. И браузер не подгружает скрипты и стили, потому что:

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на 0.0.0.0:5173/resources/js/app.js. (Причина: не удалось выполнить запрос CORS). Код состояния: (null).

И что делать? В документации сказано, что можно либо в .env поменять урл и vite автоматически его подхватит, либо указать:

export default defineConfig({
server: {
origin: '127.0.0.1:8080',
},
})

И ничего из этого не работает. Что делать?

Дополнительно:

Ответы:

Что-то типа такого - не работает?
vite.config.js

export default defineConfig({   server: {     host: '0.0.0.0',     port: 8000   },   ...

export default defineConfig({ server: { host: '0.0.0.0', port: 8000 }, ...

  • во! Спасибо, так сработало! Только почему-то основную проблему это не решает. Все равно не пропускает:

    Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на localhost:3001/resources/js/app.js. (Причина: не удалось выполнить запрос CORS). Код состояния: (null).

    Почему вообще так? Я ведь не могу на тот же порт повесить, vite пишет, что: "Port 80 is already in use". Все остальные порты типа 8000 или 8080, или любые другие вызывают эту CORS ошибку. Я прост не пойму, на ютюбе смотрю у людей - и без настроек все работает на локалхосте (запуск через sail up). А тут прям танцы с бубном какие-то начинаются.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Алексей Денисов Ответ

Проблема с размещением скриптов на урле 0.0.0.0:5173, когда вы используете Vite, может возникнуть из-за конфигурации вашего проекта. Vite - это новый инструмент сборки, который использует современные подходы для быстрой разработки фронтенда.

При настройке проекта с использованием Vite, скрипты могут быть размещены на урле 0.0.0.0:5173 из-за параметров конфигурации сервера разработки. По умолчанию Vite использует этот адрес и порт для запуска локального сервера разработки.

Если вы хотите изменить адрес размещения скриптов, вам необходимо отредактировать конфигурационный файл Vite. Вы можете указать другой адрес и порт для локального сервера, где будут размещаться скрипты.

Пример настройки конфигурации Vite для изменения адреса и порта сервера разработки:

import { defineConfig } from 'vite';
 
export default defineConfig({
  server: {
    host: 'localhost',
    port: 3000
  }
});

import { defineConfig } from 'vite'; export default defineConfig({ server: { host: 'localhost', port: 3000 } });

В этом примере мы указали адрес 'localhost' и порт '3000' для локального сервера разработки. После внесения изменений в конфигурацию, скрипты будут размещаться на новом адресе и порте.

Таким образом, чтобы изменить адрес размещения скриптов в Vite, необходимо отредактировать конфигурационный файл проекта и указать нужные параметры сервера разработки.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ