Возникли проблемы с развертыванием моего маленького веб-проекта.Я использовал npm build/build.js, чтобы построить свой веб-сайт в папку проекта, убедившись, что некоторые пути в моем коде изменились относительно файла, а не корня «/».Я загрузил файлы на свой веб-хостинг (предоставленный моей школой).Этот веб-хост работает под управлением phpMyAdmin и MySQL server.
Вещи, которые необходимо решить на данный момент:
- Исправьте мой CSS.Я использовал Bootstrap 4 для оформления своих страниц.Внутри моих файлов .vue у меня есть блоки кода scss, которые я использовал для переопределения переменных scss в начальной загрузке.Похоже, эти блоки не заняли, поэтому мой созданный веб-сайт выглядит иначе, чем моя dev версия .Я не уверен, как это исправить.
- Запусти мой бэкэнд и работай.Я использую файл .php для извлечения данных из базы данных MySQL, используя XAMPP на локальном хосте.Я знаю, что мне нужно экспортировать свою локальную базу данных и импортировать ее в мой веб-хост, что я могу сделать.Чего я не знаю, так это как .php файл обрабатывается в процессе сборки.Нужно ли вручную добавлять его где-то на моем веб-хосте?Представляю, как только я смогу получить его в нужном месте, я смогу зайти и изменить настройки входа на сервер.
Вот скриншот обозревателя моего приложения (до сборки) и структуры файла, Здесь .Ниже приведен пример переопределения переменных, которые не вступили в силу.Я полагаю, что моя проблема как-то связана с этим оператором импорта?
<style lang="scss">
$theme-colors:(
"primary": #bd2d2d,
"light": #ffeaea,
"dark": #ffcece
);
$enable-shadows: true;
@import "node_modules/bootstrap/scss/bootstrap";
</style>