Question

在部署我的小型Web项目时遇到麻烦。我使用npm build/build.js将我的网站构建到项目文件夹中，确保将代码中的某些路径更改为相对于文件而不是根“ /”的路径。我将文件上传到了我的网站托管服务商（由学校提供）。该虚拟主机正在运行phpMyAdmin和MySQL服务器。

目前需要解决的问题：

修复我的CSS。我使用Bootstrap 4设置页面样式。在我的.vue文件中，我具有用于覆盖引导程序的scss变量的scss代码块。看起来这些块没有用，这使我的built website的外观与我的dev version有所不同。我不确定该如何解决。
启动并运行我的后端。我使用.php文件在本地主机上使用XAMPP从MySQL数据库中提取数据。我知道我需要导出我的本地主机数据库并将其导入到我的网络主机中，这可以做到。我不知道在构建过程中如何处理.php文件。我需要手动将其添加到我的虚拟主机上吗？我想象一旦将其放在正确的位置，我将能够进入并更改服务器登录设置。

这是我的应用程序（预构建）资源管理器和文件结构的屏幕截图。 Here。下面是一个没有保留的变量替代示例。我想我的问题与该导入语句有关？

<style lang="scss">
$theme-colors:(
    "primary": #bd2d2d,
    "light": #ffeaea,
    "dark": #ffcece
);

$enable-shadows: true;


@import "node_modules/bootstrap/scss/bootstrap";
</style>

尝试使用Webpack部署我的第一个Vue.js项目

0 个答案: