angular – 路由behing nginx
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了angular – 路由behing nginx,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1221字,纯文字阅读大概需要2分钟。
内容图文
我有一个angular2应用程序.如果我使用本地webpack开发服务器,一切正常.
当我在nginx后面的服务器上部署应用程序时,我可以使用应用程序链接导航.但是,如果我输入URL到浏览器URL栏我得到404 Not Found错误.
这是网站的Nginx配置:
server {
listen 80;
server_name mydomain;
location /api {
proxy_pass http://mydomain:4000;
}
location /token-auth {
proxy_pass http://mydomain:4000;
}
location / {
root /www;
}
}
这是我的申请细节:
<base href="/">
@NgModule({
imports: [
RouterModule.forRoot(appRoutes),
export const appRoutes:Routes = [
{ path: 'login', component: LoginComponent },
{ path: 'rss', component: RssComponent, data: { section: 1 }, canActivate: [AuthGuard] },
{ path: '', redirectTo: '/login', pathMatch: 'full' }
];
@Component({
selector: 'my-app',
template: `
<div id="application">
<app-navigation-tabs></app-navigation-tabs>
</div>
<div>
<router-outlet></router-outlet>
</div>
`,
styleUrls: ['app.component.css']
})
<ul class="nav nav-tabs">
<li role="presentation" [ngClass]="{active: currentSection === 3}"><a [routerLink]="['/rss']" (click)="toggleSection(3)">RSS</a></li>
我不确定它是Nginx配置错误,还是我的应用程序错误.我该如何解决?
解决方法:
我已经通过将useHash添加到我的路由器解决了我的问题:
RouterModule.forRoot(appRoutes, { useHash: true }),
内容总结
以上是互联网集市为您收集整理的angular – 路由behing nginx全部内容,希望文章能够帮你解决angular – 路由behing nginx所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。