放大重写和重定向 - 阻止直接访问文件类型

Question

我上传了一个 Vue 单页应用程序以通过 Bitbucket CICD 进行放大。它是一个简单的静态客户端 SPA。到目前为止一切都很好。

这是默认的重写和重定向设置。看样子，已经限制了JPG、PNG文件类型了。

</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>   

但是，如果我尝试从调试器复制我的网站图像 URL 并直接在地址栏中访问该 URL，我注意到 JPG/PNG 图片仍然对我直接可见。好像上面“重写和重定向”中的正则表达式什么也没做？

我希望此“重写和重定向”配置能够仅向网站上的用户显示 JPG/PNG 图片。如果有人想直接访问文件，则应将用户重定向回 /index.html

我的理解正确吗？我做错了什么？

Answer 1

这是预期的行为。

如果您点击任何不是 filename-dot-extention 的 url（其中“扩展名”是列表中排除的扩展名之一），则 url 将被重写为 index.html。

对“.html”文件的任何点击都将被重写并在您的应用程序内路由。

具有排除扩展名的文件通常是静态资产。如果您直接访问 .css、.png、.jpg 文件，它们将被返回。