nginx报错failedtoload"text/html"

Posted 2023-04-18

用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配置中，我是这样写的

location /h5-page
try_files $uri $uri/ /jd-h5/index.html last;

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

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

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

location /h5-page
try_files $uri $uri/ /h5-page/index.html last;

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

以上就是浏览器控制台报错Failed to 参考技术A 你好，是正常的。现象原因是访问index.html路径正确，随后访问的js和css文件相对路径映射错误，虽然访问的js，但都自动重定向到index.html拿到了html的内容，所以类型也是text/html。

nginx 启动报错 “/var/run/nginx/nginx.pid" failed” 解决方法

问题：

　　重启虚拟机后，再次重启nginx会报错： open() "/var/run/nginx/nginx.pid" failed (2: No such file or directory)

解决方法：

　　（1）进入 cd /usr/local/nginx/conf/ 目录，编辑配置文件nginx.conf ；

　　（2）在配置文件中有个注释的地方： #pid        logs/nginx.pid;

　　　　

　　（3）将注释放开，并修改为：pid    /usr/local/nginx/logs/nginx.pid;

　　　　

　　（4）在 /usr/local/nginx 目录下创建 logs 目录：mkdir /usr/local/nginx/logs

　　（5）启动nginx服务：/usr/local/nginx/sbin/nginx