nginx在导航到具有多个斜杠的路由时错误加载CSS/JS

nginx在导航到具有多个斜杠的路由时错误加载CSS/JS,nginx,static-site,Nginx,Static Site,当您使用多个斜杠导航到任何路线时,我对nginx提供静态网站文件(CSS和JS)有一个问题。例如,example.com/test可以工作,但是example.com/test/test将尝试从example.com/test/{.css |.js}而不是根目录加载css/js 就上下文而言,我在这个网站上使用React和ReactRouter nginx配置 原来是html网页包插件没有将/放在资产前面,因为输出中没有设置publicPath 请参见此处的答案:在哪里指定CSS/JS文件的名称

当您使用多个斜杠导航到任何路线时,我对nginx提供静态网站文件(CSS和JS)有一个问题。例如,example.com/test可以工作,但是example.com/test/test将尝试从example.com/test/{.css |.js}而不是根目录加载css/js

就上下文而言,我在这个网站上使用React和ReactRouter

nginx配置


原来是
html网页包插件
没有将/放在资产前面,因为输出中没有设置
publicPath


请参见此处的答案:

在哪里指定CSS/JS文件的名称。你需要在前面放一个
/
。是的,这就是问题所在。我在这里找到了解决方案:
server {
    listen 80;

    server_name example.com;

    root /var/www/example.com;
    index index.html;

    rewrite ^.*$ /index.html;

    location / {
        try_files $uri /index.html;
    }
}