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

一、angular默认路由 h5路由

将angular项目的  index.html 的标签修改为  重新编译部署

修改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}],
 
})

 

你可能感兴趣的:(angular,nginx)