angular 项目 路径中添加# --- 解决ng项目部署后页面刷新404问题

问题:angular项目执行npm run build 后部署到服务器,打开页面可以正常访问,但是刷新后404

解决方法如下:

  angular 项目 路径中添加#

  即angular项目使用hash模式

  设置hash模式的两种途径:

  1、在app.module中导入hash

import {HashLocationStrategy, LocationStrategy} from '@angular/common';
 
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],

  2、在app.routing.module的路由配置中添加hash配置

imports: [
    RouterModule.forRoot(routes, { useHash: true })
  ]

 

posted @ 2023-02-24 14:03  冰凝^  阅读(129)  评论(0编辑  收藏  举报