2016-09-14 64 views
0

我有一个Angular2 CLI项目,一直工作得很好。我有这样一个页面: http://localhost:4200/home 和这里的图像文件:http://localhost:4200/img/myimage.jpg。我现在想改变这些都位于/myapp/下的上下文。Angular2 CLI问题与静态资源和上下文

所以新的网址是:

http://localhost:4200/myapp/myimage.png 
http://localhost:4200/myapp/home 

我已经能够得到这个在主页工作,但像图像和CSS文件的静态资源不被在新服务的网址。

+0

您是否在索引页面中添加了

+0

当我添加基础href时,所有对资源的http请求都是正确的,并反映'/ myapp /',但图像和css文件返回404 - 未找到。 – AFrieze

+0

您必须对修复路径进行必要的更改,或者将资源放在那里,或者在使用img \ css的地方使用修复路径。 –

回答

0

设置base href使用环境文件中使用Angular CLI

的index.html

<base href="{{environment.path}}" /> 

environment.ts

export const environment = { 
    ... 
    path: '/myapp/' 
}; 

希望这有助于!

+0

这对于改变http请求是正确的很好,它返回404s - 我做'服务'时找不到资源。服务器也需要配置一个根资源目录。 – AFrieze