系统城装机大师 - 固镇县祥瑞电脑科技销售部宣传站!

当前位置:首页 > server > anz > 详细页面

浏览器控制台报错Failed to load module script:解决方法

时间:2022-11-16来源:www.pcxitongcheng.com作者:电脑系统城

错误

用nginx做vue3+vite2代理的时候出现了以下的报错

Failed to load module script: Expected a JavaScript 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转发的目录不匹配。 在nginx配置中,我是这样写的

1
2
3
location /h5-page {
  try_files $uri $uri/ /jd-h5/index.html last;
}

而在vite配置中,我将base设置为h5-page;

1
2
3
export default defineConfig(({ mode }) => ({
  base: '/h5-page/',
}));

由于我转发的location和目录的base都设置为h5-page,但是我却实际上将打包好的文件放在了jd-h5这个目录中,这让nginx无法准确定位到文件因而产生了上述的报错;

解决方法

解决方法也很简单,将不匹配的部分修正即可,我将目录重命名为h5-page,然后修改nginx配置。

1
2
3
location /h5-page {
  try_files $uri $uri/ /h5-page/index.html last;
}

总结

用二级目录托管项目,如果不想造成混淆和报错的话,应当严格遵照 目录-转发地址-项目base 统一的写法。

分享到:

相关信息

  • 中标麒麟系统安装教程

    我们在为自己的电脑进行系统安装的时候,除了微软公司的系统之外,应该也有不少小伙伴想要安装我们国产的操作系统吧。那么对于中标麒麟系统怎么安装这个问题小编觉得我们首先需要下载一个操作系统,然后选择自己想要进行安...

    2022-11-13

  • 服务器系统怎么安装

    我们在使用操作系统的时候,有的小伙伴们想要为自己的电脑安装服务器操作系统,但是不知道具体应该怎么做。那么对于这个问题小编觉得我们可以先在电脑上安装一个虚拟机,然后去相关网站下载自己需要的服务器操作系统,然后在...

    2022-11-13

系统教程栏目

栏目热门教程

人气教程排行

站长推荐

热门系统下载