项目场景:
部署在web服务的前端工程,在通过import加载资源时报错。
问题描述
响应头中返回:X-Content-Type-Options:nosniff
控制台报错:disallowed MIME type ("text/plain")
如图:
引入该文件的方式为:
import { FontLoader } from "/scriptsvrm/FontLoader.js"
这种写法在本地NGINX启动以及部署到客户端加载都没有问题,仅在部署在web服务时报这个错误。
原因分析:
模拟web服务器环境,本地启动tomcat,部署完发现也显示该文件404,由此分析是引用路径写的有问题。
解决方案:
于是修改文件的路径为:
import { FontLoader } from "../scriptsvrm/FontLoader.js"
tomcat可以正常运行,再次打包部署到阿里云web服务器,也可以正常打开。