Запуск Laravel, Sail (Docker) и Veite (React) на wsl return 404 (не найдено) для активов приложенийPhp

Кемеровские программисты php общаются здесь
Ответить
Anonymous
 Запуск Laravel, Sail (Docker) и Veite (React) на wsl return 404 (не найдено) для активов приложений

Сообщение Anonymous »

Я пытаюсь настроить приложение Laravel + inertiajs + React локально с помощью паруса/докера на wsl, но при запуске сервера разработки я получаю ошибки 404 (не найден) для каждого ресурса приложения. Кажется, я собрал все случайные кусочки конфигурации, но очевидно, что что-то все еще не так.
Мой docker-compose.yml не изменился по сравнению со значением по умолчанию, моим vite. config.js – это

Код: Выделить всё

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';

export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.jsx'],
refresh: true,
}),
react()
],
server: {
hmr: {
host: 'localhost',
},
watch: {
usePolling: true,
},
origin: 'http://localhost',
cors: true,
}
});
< /code>
точка записи моей приложения (app.jsx
) — это

Код: Выделить всё

import { createInertiaApp } from '@inertiajs/react'
import { createRoot } from 'react-dom/client'

createInertiaApp({
resolve: name => {
const pages = import.meta.glob('./Pages/**/*.jsx', { eager: true })
return pages[`./Pages/${name}.jsx`]
},
setup({ el, App, props }) {
createRoot(el).render()
},
})
Целевой вид моего приложения (

Код: Выделить всё

app.blade.php
) — это

Код: Выделить всё





@viteReactRefresh
@vite('resources/js/app.jsx')
@inertiaHead


@inertia


Со всем вышеперечисленным, после запуска паруса -d я могу сделать парусную npm -build , а затем указать браузер на http: // localhost и все работает, или я могу сделать парус NPM запустить dev , а приложение просто загружает пустую страницу с кучей ошибок в консоли инструментов разработчика

, что, по моему мнению "src =" https://i.sstatic.net/ajg3hwy8.png "/>.
Есть идеи, что мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -found-for
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Php»