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

【问题标题】：Can't serve assets folder with lite-server无法使用 lite-server 提供资产文件夹
【发布时间】：2017-05-07 05:56:43
【问题描述】：

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

这是我的目录结构

节点模块/ 源/ ..应用程序/ ....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">

【问题讨论】：

标签： html browser-sync lite-server

【解决方案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，所以也许您可以检查并从那里开始工作？

【讨论】：