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

最新推荐文章于 2024-03-26 10:35:26 发布

清风狂暴

最新推荐文章于 2024-03-26 10:35:26 发布

阅读量1.8k

点赞数 2

分类专栏： angular nginx

本文链接：https://blog.csdn.net/qq_38002337/article/details/85225546

版权

angular 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

nginx

1 篇文章 0 订阅

订阅专栏

一、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;
        }

二、angular hash路由 #（不需要修改服务器）

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

方法1：

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

方法2：

//导入hash模块
import { LocationStrategy, HashLocationStrategy } from '@angular/common';


@NgModule({
 
//进行配置
 providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]，
 
}）