Linux   发布时间:2022-04-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了带spa和子目录root的nginx配置大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_607_3@概述 我似乎总是遇到nginx配置问题.我的SPA位于/ mnt / q / app(启用了pushstatE),前端根位于客户端/公共端.应该将所有内容映射到index.html,应用程序会选择路由并决定要执行的操作. 索引的完整路径是/mnt/q/app/client/public/index.html. 我想我现在用完了选项.无论我做什么,我只是从nginx获得404,我认为配置很简单,并且不知道
我似乎总是遇到Nginx配置问题.我的SPA位于/ mnt / q / app(启用了pushstatE),前端根位于客户端/公共端.应该将所有内容映射到index.html,应用程序会选择路由并决定要执行的操作.

索引的完整路径是/mnt/q/app/client/public/index.html.

我想我现在用完了选项.无论我做什么,我只是从Nginx获得404,我认为配置很简单,并且不知道什么是错的.

server {
    listen 80;
    server_name app.dev;

    root /mnt/q/app;

    LOCATIOn / {
      root /client/PUBLIC;
      try_files $uri @rewrites =404;
    }

    LOCATIOn @rewrites {
       rewrite ^(.+)$/index.html last;
    }
}@H_502_16@ 
 

任何帮助表示赞赏.

解决方法

如果Nginx从根目录查看文件系统,则根目录应设置为/ mnt / q / app / client / public,而不是您正在使用的两个值中的任何一个.

try_files指令的最后一个元素可以是认操作(例如/index.html),命名位置或响应代码.您在倒数第二个元素中有一个命名位置 – 将被忽略.

您的命名位置应该有效,但是没有必要,因为TRy_files能够更简单地实现它.有关更多信息,请参见this document

例如:

root /mnt/q/app;

LOCATIOn / {
    root /mnt/q/app/client/PUBLIC;
    try_files $uri $uri/ /index.html;
}

LOCATIOn /api {
}

LOCATIOn /auth {
}@H_502_16@ 
 

$uri /元素将添加一个尾随/到目录,以便索引指令可以工作 – 如果你不需要它,你不必添加它.

大佬总结

以上是大佬教程为你收集整理的带spa和子目录root的nginx配置全部内容,希望文章能够帮你解决带spa和子目录root的nginx配置所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。