【原创】知根知底分析和彻底解决xpected a JavaScript module script but the server responded with a MIME type of "t......

我整了一个vite编译的vue项目，build之后报错了，百思不得其解，网上一堆答案把我带坑里面去了，都是错的，至少我这提示说不能加载的这个文件，我点击这个错误的这个文件，是能够加载的。

如果你去百度，你会带到坑里面去了，
但是问题都指向了nginx,实际上确实，是nginx的配置问题

比如这篇文章http://m.pcxitongcheng.com/server/anz/2022-11-16/33023.html
我认为和这没关系，因为上面所不能加载的文件都能够进行打开的，
还有一些答案说 是这样的

server {
    listen 80;
    server_name your_domain.com;  # 替换成你的域名或IP地址

    root /path/to/your/website;   # 替换成你的网站目录的实际路径

    location / {
        autoindex on;  # 开启自动索引
        index index.html index.htm;  # 设置索引文件的优先顺序
    }

    # 其他的配置项...
}

于是我用了自己的文件服务器，终于验证了问题是nginx导致的，
但是我这里没有用二级目录，不是网上那些答案的解决办法

111

为什么我认为是nginx的问题也不是很复杂的配置什么 配置index 呀配置
或者这样配置

location / {
  try_files $uri $uri/ /index.html;
}

甚至呀
在vue项目的vite.confg.ts中检查base: './',

或者/
但是，我这每一个文件都能打开呢，这网上的答案都不是，我经过比对发现所有文件都能访问，而且和能访问的自己的服务器代码也一模一样，所以我突然悟了。

解决办法：