已解决Index.html在服务器上找不到图

时间:2019-12-11 02:12:04

标签: html css image nginx path

我的index.html文件中有此代码。

  {
    "alias": "R1_S1",
    "index": "pI2"
  },
  {
    "alias": "W1_S1",
    "index": "pI2"
  }

我有文件:

  • myFolder / Stories / index.html
  • myFolder / Images / TavernQuest / quest_back.png

当我在localhost上运行html时,它们都可以正常工作并且后台加载正常。 但是,当我将此文件夹放置在我的Nginx服务器上时,该图像将不再加载。

如果将quest_back.png图像放置在同一文件夹中:

  • myFolder / Stories / index.html
  • myFolder / Stories / quest_back.png

并使用此代码

body, tw-story {
  background-image: url(../Images/TavernQuest/quest_back.png) ; 
  background-size: cover;
  background-repeat: no-repeat no-repeat ; background-position: center center;
}

一切都变得完美,我看到了背景图片。

所以我认为路径'../'中可能存在问题,我必须在nginx配置中添加一些内容吗?

这是我的Nginx配置

body, tw-story {
     background-image: url(quest_back.png) ; 
     background-size: cover;
     background-repeat: no-repeat no-repeat ; background-position: center center;
}

0 个答案:

没有答案