html - 无法使用 lite-server 提供资产文件夹

Question

我正在尝试使用 lite-server 为 Angular 项目提供服务。每当请求资产文件夹中的文件时，服务器都会以 404 响应。我创建了一个 bs-config.json 并且设置路由选项不起作用。

这是我的目录结构

节点模块/
源/
..应用程序/
....index.html
..资产/
....img/
..config/
....bs-config.json

bs-config.json

{
  "port": 8000,
  "files": ["../src/**/*.{html,htm,css,js}"],
  "server": { 
    "baseDir": ["./src/app", "./"],
    "routes": {
      "/assets": "../assets"
    }
  }
} 

我如何尝试加载文件。(index.html)

<img src="assets/img/image.png">

Answer 1

我遇到了类似的问题，但需要绝对路径而不是相对路径的资源。

我需要类似的东西<img src="/assets/img/image.png">并用 bs-config.json 解决它

{
  "port": 8000,
  "files": ["../src/**/*.{html,htm,css,js}"],
  "server": { 
    "baseDir": ["./src/app", "./"
                "./src"               ///<----------Added this item
               ],    
  }
} 

但我用相对 URL 试过了，但没有用。

我可以在 lite-server 日志输出中看到浏览器请求的 URL，所以也许您可以检查它并从那里开始工作？