码迷,mamicode.com
首页 > 其他好文 > 详细

angular4.0项目build发布后,刷新页面报错404

时间:2017-10-24 14:58:27      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:import   class   log   完美解决   imp   angular4   出现   hash   bootstrap   

angular4.0项目执行npm run build后,进入页面正常显示。

但是当刷新页面时,报错404,页面未找到。

出现这个问题的原因,应该是找不到路由地址导致的,然后找到了下面的解决方案。

找到app.module.ts文件,这个是根模块。在模块中加入HashLocationStrategyLocationStrategy服务。

// 1、引入HashLocationStrategy、LocationStrategy服务
import {HashLocationStrategy, LocationStrategy} from @angular/common;

// 2、注入服务
@NgModule({
  declarations: [
    
  ],
  imports: [
    
  ],
  providers: [
    {provide: LocationStrategy, useClass: HashLocationStrategy}
  ],
  bootstrap: [AppComponent]
})

ok,就是酱紫,完美解决。

 

 

angular4.0项目build发布后,刷新页面报错404

标签:import   class   log   完美解决   imp   angular4   出现   hash   bootstrap   

原文地址:http://www.cnblogs.com/minigrasshopper/p/7723304.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!