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

时间:2017-05-07 05:56:44

标签: html browser-sync lite-server

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

这是我的目录结构

node_modules/
src/
..app/
....index.html
..assets/
....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">

1 个答案:

答案 0 :(得分:2)

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

我需要像<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
               ],    
  }
} 

但是我尝试使用相对网址,但它没有用。

我可以在lite-server日志输出中看到浏览器请求的URL,所以也许你可以检查并在那里工作?