解决nginx环境网站css文件加载报错

生产环境为LNMP,部署后网站所有的CSS样式失效。在浏览器中启用开发者工具查到以下报错信息:

样式表单:xxxxxx.css未载入,因为它的MIME类型"text/plain"不是"text/css"。

解决方法:

1.修改nginx配置文件nginx.conf。

在nginx.conf文件中添加一行代码include mime.types;

2.重启nginx

3.清除缓存

经以上步骤后即可使网站正常加载css文件。

时间: 2024-10-26 07:00:50

解决nginx环境网站css文件加载报错的相关文章

Centos系统创建用户oracle后,用该用户登陆系统,页面加载报错GConf error

Linux 的 GConf error 解决办法 问题: Centos系统创建用户oracle后,用该用户登陆系统,页面加载报错,导致重新进入Centos系统后出现: GConf error:Failed to contact configuration server;some possible cause are that you need to enable TCP/IP networking for ORBIT or you have stale NFSlocks due to a sys

css文件加载:@import和link的区别

刚看了一个百度试题:请简述CSS加载方式link和@import的区别? 平时一般都用link,也知道css的加载方式,但还真的没有仔细研究过其之间的差别,查了一些资料,大致总结如下: @impot使用方法: <style type="text/css"> <!-- @import url("css/main.css"); @import url("css/base.css"); --> </style> li

react 中使用import()实现按需加载报错 解决方法 --‘import’ and ‘export’ may only appear at the top level

因为项目需要搞一下按需加载,使用import实现代码打包分片按需加载,但是在实际使用中报语法错误.报错信息如下 SyntaxError: 'import' and 'export' may only appear at the top level 啊咧?报错了. 查找发现很多人碰到过,解决方法不同,但是我这个报错适用下边这个方法. npm install --save-dev babel-plugin-syntax-dynamic-import 然后调整babel-loader配置如下: use

React引入AntD按需加载报错

背景:React使用create-react-app脚手架创建,然后yarn run eject暴露了配置之后修改less配置, 需求:实现antd组件按需加载与修改主题. 一开始是按照webpack.config.dev.js文件中的配置进行less的配置. 可以看到脚手架创建的config文件为加载loader写了一个公共方法,不是以前的webpack配置,所以仿照他的方式进行配置less文件. 直接复制css的配置,修改成less的配置,然后yarn start重启项目. 此时可以加载le

oracle中数据加载报错

在批量加载数据的时候,我们经常会使用SQL Loader.但常常有报错情况. 我在批量处理的时候,也出现了500的错误,提示打不开文件.我也纠结了半天,也反复校对了控制文件,并且核实自己的命令.但从事提示各种500以及一系列的错误. 后来,才发现,自己在命令sqlldr 用户名/密码 control=地址 后面加了个;!! 正是这个;让我们经常报错!!

vue-cli3+typescript+路由懒加载报错问题

vue-cli3的版本是3.4.1 出现的情况是网页显示正常,但是终端一直提示找不到模块: 如果去掉路由懒加载的方式,就没有报错: 原因是以前我们习惯直接写文件名而不加后缀, 现在使用ts时就需要写vue文件后缀了,现在加上.vue文件后缀就没有报错了: 原文地址:https://www.cnblogs.com/unclefang/p/10451845.html

HTML-页面图片加载报错403,但可以单独打开图片的问题解决

场景:遇到站点引用远程图片固定链接时(多为第三方链接),图片会发生在页面无法显示,报错403,但是单独打开该远程链接,又可以打开: 解决方法: 1.数据库中全局下载该字段链接,将图片存到制定文件夹,在系统内调用 2.检查页面head中的是否有此句“<meta name="referrer" content="no-referrer" />”,无则添加 相关资料参见: html访问图片资源403问题(http referrer) 原文地址:https://

spring boot 项目 freemarker 无法加载static 中 js css 文件 原因(报错404)

去掉@EnableWebMvc  注解 ,相关原因请看原博文 https://blog.csdn.net/testcs_dn/article/details/80249894 原文地址:https://www.cnblogs.com/0kuxia0/p/9605436.html

vs2019 解决方案加载报错

1. 如图 解决方案: 1.先关闭vs: 2.把C:/Users/<users name>/AppData/Local/Microsoft/VisualStudio/14.0/ComponentModelCache文件夹中删除所有文件及文件夹: 3.重新打开VS,再次打开解决方案,解决方案资源管理器中就有内容列表了. 原文地址:https://www.cnblogs.com/dxqNet/p/11880974.html