关于前端访问浏览器报错的小坑

前端项目部署服务器后，使用浏览器访问报错如下：

Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. 

这时可能会认为是nginx配置的问题。是，也不是。

这个错误的真正原因是服务器上缺少了index.html引用的第一个js文件报的错。

那为什么不报404，而是这么一个奇怪的问题呢？

nginx的配置：

server { listen 80; server_name test.test.cn; client_max_body_size 10m; location / { proxy_set_header Host $http_host; root /data/html/ysh; try_files $uri $uri/ @router; index index.html index.htm; } location @router { rewrite ^.*$ /index.html last; } }

上面是大多数前端项目在nginx里的标准配置。

因为浏览器访问的是js文件，而这个文件不在，就因为上面的配置的会返回index.html的内容，这样就造成了浏览识别js文件而不正确，认为返回了"text/html"报了上面的错误。

找了一圈解决上面问题的nginx的配置，配置了又配置，最终是因为服务器上少了文件，你说气不气。