Css angular2中的路由在live server中不起作用

我已经用angular2构建了一个网站，它在本地主机上运行良好，但当我在服务器上部署它时，所有css和js链接都会断开

例如：localhost:4200/home可以正常工作，但是ip:4200/home为css和js文件提供了404

ip:4200本身重定向到home，但键入ip:4200/home即使在重新加载时也会得到404

我想我需要修复这些的路由

我的路由器ts文件如下：

从'@angular/core'导入{ModuleWithProviders}；
从'@angular/router'导入{Routes，RouterModule}；
从“./component/home.component”导入{HomeComponent}；
从“./component/register.component”导入{RegisterComponent}；
从“./component/product.component”导入{ProductComponent}；
施工许可：路线=[
{
路径：“”，
重定向到：“/home”，
路径匹配：“已满”
},
{
路径：“家”，
组件：HomeComponent
},
{
路径：'寄存器'，
组件：注册表组件
},
{
路径：'产品'，
组件：ProductComponent
}
];

导出常量路由：ModuleWithProviders=RouterModule.forRoot（appRoutes）

app.module.ts是这样的：

从'./component/nav bar.component'导入{NavBar}；
从“./services/register.service”导入{RegisterService}；
从“./services/home.service”导入{HomeService}；
从“./services/product.service”导入{ProductService}；
从“./component/product.component”导入{ProductComponent}；
从“./component/nav-bar1.component”导入{NavBar1}；
@NGD模块({
声明：[
应用组件，
HomeComponent，
注册表组件，
导航栏，
产品组件，
导航栏1
],
进口：[
浏览器模块，
FormsModule，
HttpModule，
RouterModule.forRoot([
{
路径：'寄存器'，
组件：注册表组件
}
]),
路由
],
供应商：[
注册服务，
家庭服务，
产品服务
],
引导：[AppComponent]
})
导出类AppModule{}

切换到HashLocationStrategy

providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}, ...

---

或者将您的服务器配置为支持HTML5 pushState（将对不存在文件的请求重写为

index.html

），您应该包括.htaccess并将此代码放入根目录中

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

重新启动发动机
重写基/
重写规则^index\.html$-[L]
重写cond%{REQUEST_FILENAME}！-f
重写cond%{REQUEST_FILENAME}！-d
重写规则。/index.html[L]

---

我希望我能让你开心。

可能provice给了node_modules/@angular/core/index“'没有导出的成员'provice'。甚至我也用provice:尝试过，它给了相同的错误node_modules/@angular/core/index”'没有导出成员'provide'。抱歉，这是一个输入错误-应该是

provide

我也尝试过提供，但仍然给出相同的错误节点\u modules/@angular/core/index“'没有导出的成员'Provider'，我需要为此安装任何模块吗？这只是一个对象文字，您不需要任何东西。不知道为什么会出现此错误。您不需要导入

Provider

。