请教前端单页应用使用 History 模式怎么在后端配置

[binbinyouliiii]

比如我项目的主页是：www.xxx.com/dashboard/
Nginx 配置项:

location /dashboard {
    root /opt/app/;
    try_files $uri $uri/ /dashboard/index.html;
    index index.html index.htm;
}

在 History 模式下，首页是没有问题，但是如果多两级 path 就不行了。
比如：www.xxx.com/dashboard/welcome/index
浏览器会请求: /dashboard/welcome/ 路径下的 js/css 等资源，造成无法正常访问。

请问有什么解决办法吗？

暂时找个了不太优雅的方法：
在 build 好的 index 里面，更换 base 标签为<base href="/dashboard/">。
这样虽然能够解决，但是不太灵活，请教大家有什么好的办法吗？

[woshixiaoqianbi]

location ^~ /dashboard/ {
root /opt/app/;
try_files $uri $uri/ /dashbord/index.html;
}

[binbinyouliiii]

@woshixiaoqianbi #1 这样还是不能解决，build 出来的 index.html 默认是 base href 是"./" ， 碰到 www.xxx.com/dashboard/welcome/index，比如 css 文件浏览器会自动拼接为 www.xxx.com/dashboard/welcome/styles.8f0e241f5389666a35df.css ，正常的是 www.xxx.com/dashboard/styles.8f0e241f5389666a35df.css 才对

[woshixiaoqianbi]

root 指定了资源根目录，www.xxx.com/dashboard/styles.8f0e241f5389666a35df.css 这样访问的话应该走的 /opt/app/，是不是你的配置里还有别的匹配规则