Как запустить Polymer 3 на локальном веб-сервере (добавив упаковщик в xampp)

Question

Я пытаюсь обновить мое старое приложение Polymer до Polymer v3. Почти все работает нормально, если я использую polymer serve,

Но я также должен использовать некоторые файлы php для подключения к бэкэнду, и здесь есть проблема.

Когда я пытаюсь запустить приложение с помощью polymer serveФайлы PHP не найдены и возвращают 404 всякий раз, когда я пытаюсь сделать POST-запрос к ним.

Нерабочий пример. Имея следующую файловую структуру:

|_ phpFile.php
|
|_ jsFile.js

внутри jsFile.js

fetch("phpFile.php", {
        method: 'POST',
        headers: new Headers({
            Accept: 'application/json',
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            testData: true
        })
    }).then(response => {
        console.warn(response);
    });

Когда я пытаюсь запустить приложение с XAMPP (виртуальный хост), выполнение запроса POST возвращает именно то, что мне нужно, и это здорово. Но импортируйте так:

import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';

перестаньте работать, потому что нет пакета, который бы заменил @ с текущим путем. И нет, я не могу просто переписать это '/node_modules/@polymer/polymer/polymer-element.js', Все полимерные элементы используют это обозначение. Мне бы пришлось переписать все исходники, что за ерунда.

Мне нужно либо сделать успешный POST для файлов php при обслуживании с polymer serve или заменить все @ внутри импорта при обслуживании с localhost (XAMPP или любым другим сервисом)

Есть ли кто-нибудь, кто успешно реализовал подключение к файлу php в Polymer 3? Или кто-нибудь, кто знает обходной путь, решение для этого?

Answer 1

Если вы используете PHP для API, создайте отдельное приложение и запустите его на xampp.

В своем роде создавайте разные приложения. Один для серверной части (приложение PHP), а другой для пользовательской части (приложение Polymer).