在 Hostinger 子域上部署静态 Vue 应用程序时出现 MIME 错误

Question

我是服务器端菜鸟，我目前正在开发一个 VUE 应用程序，在应用程序的某个地方，我在路由器参数中使用了一个道具“id”，以便转到产品/详细信息/1（这里我的“id”是 1） 我可以在 Hostinger 上部署它，但是当我转到这些页面（产品详细信息页面）并且如果我刷新页面时，我会收到此错误：

需要一个 JavaScript 模块脚本，但服务器以“text/html”的 MIME 类型响应。根据 HTML 规范对模块脚本执行严格的 MIME 类型检查。

我试图用这种代码添加一个 .htaccess 文件

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]
    AddType application/javascript js
    AddType image/svg+xml
  </IfModule>

当我到达该特定组件时，我还尝试将 id 存储在 LocalStorage 中

PS：如果我在 Netlify 上部署我的应用程序，我会遇到同样的问题，即使 我试图用这段代码创建一个 netlify.toml 文件

[[redirects]]
from = "/*"
to = "/index.html"
status = 200

欧比旺克诺比帮帮我，你是我唯一的希望