Nginx 与 angular 6 路线冲突

伊山哈雷

我有一个 angular 6 应用程序,base href 设置为/dashboard/. 构建文件位于服务器上,使用--prod标志生成

nginx conf 看起来像:

location /dashboard {
    alias /<path_to_built_files>/frontend/dist/frontend/;
}

当我第一次访问我的网站时example.com/dashboard,应用程序完美加载,并且角度重定向到默认路由/create因此浏览器将我的路线显示为example.com/dashboard/create.

这正是我希望它表现的方式。但是,如果我从这里重新加载页面,浏览器会尝试查找example.com/dashboard/create,返回 404 Not Found。

我在这里的配置中做错了什么?

保尔·克鲁伊特

如果在以下路径上找不到文件,则需要设置索引文件和重定向index.html

location /dashboard {
  alias /<path_to_built_files>/frontend/dist/frontend/;
  index index.html;
  try_files $uri $uri/ index.html =404;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Laravel路线冲突

来自分类Dev

快递路线冲突

来自分类Dev

弹头导致路线冲突

来自分类Dev

MVC路线冲突似乎很奇怪

来自分类Dev

拉拉维尔。与路线冲突

来自分类Dev

SailsJs和自定义路线冲突

来自分类Dev

牵线木偶应用之间的路线冲突。可能的想法/解决方案?

来自分类Dev

与我们联系宝石路线冲突-Rails 4

来自分类Dev

隐藏特定路线上的搜索栏 Angular6

来自分类Dev

PDFMake与下划线冲突

来自分类Dev

NGINX和Angular 2

来自分类Dev

使用“this”发生冲突。如何在 Angular 6 中的方法之外访问变量?

来自分类Dev

带有Angular的Nginx CORS

来自分类Dev

Angular 6 和 AutoValidateAntiforgeryToken

来自分类Dev

Angular 6 返回 Observable

来自分类Dev

Angular 6 辅助路由

来自分类Dev

Angular 6 等待 Observable

来自分类Dev

Angular - 子路线的路线参数

来自分类Dev

获取路线Shopware 6的参数

来自分类Dev

Angular4 和 NGINX 权限被拒绝

来自分类Dev

CORS 策略在 Angular/NGINX 上被阻止

来自分类Dev

Angular 6 cookie 在 Angular 6 中过期或更改事件

来自分类Dev

Angular 6 - 将 Angular 6 部署到 Github Pages 错误

来自分类Dev

学习 Angular 6 还是 Angular 5?

来自分类Dev

angular - Angular 6 如何编辑日期格式?

来自分类Dev

Gitlab配置问题:: NGINX Unicorn端口冲突

来自分类Dev

nginx x-accel块冲突

来自分类Dev

nginx两个站点配置冲突

来自分类Dev

Angular 2子路线