라라벨 관성 Vite

Question

프로덕션 모드(서버)에서 내 웹사이트의 Chrome 콘솔에 오류가 발생합니다.

Uncaught（承诺）错误：找不到页面：./Pages/Posts/Show.vue

또한 대시보드 페이지는 로컬 개발에서 도입한 텍스트 및 새 페이지 매김 테이블의 변경 사항에 따라 업데이트되지 않습니다.

모든 것이 로컬에서 잘 작동하지만 Digital Ocean Server로 푸시하면 최신 변경 사항이 표시되지 않습니다.

온라인에서 소스 코드를 확인했는데 원본 코드가 거기에 있습니다. 텍스트, 페이지 매김 테이블, 새 경로가 변경되는 것을 볼 수 있습니다. 하지만 사이트를 로드할 때 표시되지 않습니다. 캐싱이나 빌드 프로세스와 관련이 있는 것으로 의심됩니까?

해냈습니다:

php工匠缓存：clear

php工匠配置：clear

php工匠视图：clear

npm run build(새로운 vite 버전 자산)

누구든지 도와줄 수 있나요?

파일 공유:

resources/js/app.js

으아악

후면 컨트롤러

import './bootstrap';
import '../css/app.css';

import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/inertia-vue3';
import { InertiaProgress } from '@inertiajs/progress';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';

const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
    setup({ el, app, props, plugin }) {
        return createApp({ render: () => h(app, props) })
            .use(plugin)
            .use(ZiggyVue, Ziggy)
            .mount(el);
    },
});

InertiaProgress.init({ color: '#4B5563' });

Answer 1

이것은 docker/nginx 문제입니다. 애플리케이션에서 생성된 파일은 올바르게 라우팅되지 않으므로 원래 버전의 정적 파일은 대체되지 않습니다.

컨테이너 간에 데이터를 동기화하기 위해 볼륨을 사용하도록 전환했는데 제대로 작동했습니다.