频道栏目
首页 > 资讯 > HTML/CSS > 正文

Angular2项目部署到服务器后刷新页面出错:前端发布时需要添加锚(hash)的解决办法

18-07-23        来源:[db:作者]  
收藏   我要投稿

今天踩到了angular的一个坑,即本地npm start运行项目时没有出现问题。部署到服务器后,页面可以正常跳转,但是只能通过根路径访问,不能通过子路由的url访问,而且在当前url的基础上如果刷新页面,也会报错。

报错如下:

这里写图片描述

解决方法:

添加锚,即使用hash。

配置代码如下:

app.module.ts

import {HashLocationStrategy , LocationStrategy} from '@angular/common';

@NgModule({
  ...

  providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]
});

配置完成再重新部署后,会自动在根节点后面加一个#锚点。

相关TAG标签
上一篇:怎么进行软件架构设计?
下一篇:Web开发基础之JS中创建对象的方式及对象使用
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站