为什么这个页面没有加载它的css？

Question

我无法弄清楚为什么这一个页面无法正确加载。我网站上的所有其他页面都很好。我尝试在所有文件中添加指向css的链接，但这并没有解决问题。我也尝试过将过滤器文件与主文件组合，但这也不起作用。了解我，我只是错过了一些基本的东西。未正确访问样式.css文件，错误代码为 404。（这是我的第一个网站）

路由器：

router.get('/flags/:filter', viewController.getFilteredFlagOverview);

出口：

exports.getFilteredFlagOverview = async (req, res) => {

  const params = req.params.filter;

  const flags = await axios({

    method: 'GET',

    url: `http://127.0.0.1:3000/api/v1/flags?${params}`

  });

  var filteredObj = flags.data.data.doc;

  res.status(200).render('flagOverview', {

    title: 'Flags',

    products: filteredObj

  });

};

基础哈巴狗：

doctype html

html

  head

    meta(charset='UTF-8')

    mets(name='viewpoint' content='width=device-width, initial-scale=1.0')

    title Color Guard | #{title}

    link(rel='stylesheet' href='css/style.css')

    link(rel='shortcut icon' type='image/png' href='img/favicon.png')

    link(rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:300,300i,700')

产品哈巴狗：

extends base

block content

  head

    include productFilters/_flagFilter

  style.

    .tab1 {

      tab-size: 2;

      }

  <script src="https://kit.fontawesome.com/a9879bc1c3.js" crossorigin="anonymous"></script>

  main.main

  // don't think past this is important

过滤器文件 - 我认为问题出在哪里：

filter.filter

  #mySidenav.sidenav

    a.closebtn(href='javascript:void(0)' onclick='closeNav()') &times;

//

//

  br

    a.filterBtn(onclick='applyFilter()') Apply Filter

    br

  button.btn.btn--purple.btn--small(onclick='openNav()') Filter

  .dropdown

    button.btn.btn--purple.btn--small Sell Your Flags

      .dropdown-content

        a(href='/createFlagSilk') Flag Silk

        a(href='/createFlagPole') Flag Pole

        a(href='/createFlagStopper') Flag Stopper

        a(href='/createFlagBolt') Flag Bolt

Answer 1

我只是不得不改变link(rel='stylesheet'&nbsp;href='css/style.css')跟link(rel='stylesheet'&nbsp;href='http://127.0.0.1:3000/css/style.css')在基部哈巴狗中。