Angular项目部署到 ngnix服务器 刷新 404

7/27/2021 Angular

# 一、angular默认路由 h5路由

将angular项目的 index.html 的标签修改为 <base href="/myangular/"> 重新编译部署 修改ngnix服务器的配置文件nginx.conf

location /myangular {
            alias  /html/myangular;#angular项目所在目录
            index  index.html index.htm;
            try_files $uri $uri/ /index.html =404;
        }
1
2
3
4
5

# 二、angular hash路由 #(不需要修改服务器)

直接在angular项目的app.module.ts文件中添加相关配置

# 方法1:

imports: [
   RouterModule.forRoot(routers, {useHash: true})
],
1
2
3

# 方法2:

//导入hash模块
import { LocationStrategy, HashLocationStrategy } from '@angular/common';
@NgModule({
//进行配置
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]}
1
2
3
4
5
6
Last Updated: 12/26/2022, 11:54:10 AM