首页 > 系统相关 >Nginx返回的css样式不加载

Nginx返回的css样式不加载

时间:2023-08-14 22:15:15浏览次数:38  
标签:样式 配置 Nginx gzip css 加载

不小心修改了nginx.conf,之前的配置全部丢失。好在配置项挺少,就只开启了gzip和转发请求时在请求头中添加原始ip。

奇怪的是,部分项目打开后样式丢失。

查看控制台,css文件能够正常下载。注意到css的content-type,为text/plain:

这样问题原因就很明确了,应该是gzip的配置问题。

只要在server下添加 include mime.types; 即可。

 

标签:样式,配置,Nginx,gzip,css,加载
From: https://www.cnblogs.com/hdxg/p/17629894.html

相关文章

  • postcss px转vw
    为什么要使用Postcss(px-to-viewport)在移动端开发中,我们通常采用rem或者vw&vh这两种方式来适配不同设备的屏幕大小。rem的缺点是需要进行频繁的计算和换算,而vw&vh的缺点则是部分设备支持不尽如人意。而使用Postcss(px-to-viewport)可以自动将px转换为vw或者vh,省去了繁琐的转换计......
  • 弹窗加载另一个界面
    1.父组件<template><el-button@click="selectHiddenDangerList()"></el-button><HiddenDangerListv-if="listVisable"ref="hiddenDangerList"></HiddenDangerList></template><script>......
  • CSS object-fit 属性
    CSSobject-fit属性标签定义及使用说明object-fit属性指定元素的内容应该如何去适应指定容器的高度与宽度。object-fit一般用于img和video标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。您可以通过使用 object-position 属性来切换被替换......
  • Nginx制作下载站点
    更多博客内容访问只爱吃火龙果,点击了解详情nginx使用的是模块ngx_http_autoindex_module来实现的,该模块处理以斜杠("/")结尾的请求,并生成目录列表。nginx编译的时候会自动加载该模块,但是该模块默认是关闭的,使用下来指令来完成对应的配置autoindex启用或禁用目录列表输出......
  • Nginx基本概念
    安装Nginx源码安装环境准备安装GCC编译器Nginx是使用C语言编写的程序,因此想要运行Nginx就需要安装一个编译工具。GCC就是一个开源的编译器集合,用于处理各种各样的语言,其中就包含了C语言。使用命令yuminstall-ygcc来安装安装成功后,可以通过gcc--version来查看gcc是否......
  • css
    a,button{outline:0}.day,.entrylistItem,.entrylistPostSummary,.feedbackCon,.feedbackItem,.feedbackListSubtitle,.postCon,.postMeta,.postSticky{position:relative}#EntryTag,#blogTitleh1{margin-top:20px}#EntryTaga,.postSticky{background:#6fa3ef}#blogTitleh1......
  • Linux的Nginx安装部署
    简介Nginx(enginex)是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。同Tomcat一样,Nginx可以托管用户编写的WEB应用程序成为可访问的网页服务,同时也可以作为流量代理服务器,控制流量的中转。Nginx在WEB开发领域,基本上也是必备组件之一了。安装Nginx......
  • 直播app系统源码中加载图片的三种方式
    直播APP系统源码中,加载图片可以很好的提高用户体验,图片预先加载出来,可以方便用户更好的去观看,避免很长的等待时间,让用户更加快速冲浪,本文将为大家分享三个直播app系统源码中加载图片的方式。方式一:直播app系统源码中src指向图像的位置最常用的一种方式,无需搭配后端代码<img sr......
  • Nginx配置文件nginx.conf详解
    usernginx;#用户worker_processes8;#工作进程,根据硬件调整,大于等于cpu核数error_loglogs/nginx_error.logcrit;#错误日志pidlogs/nginx.pid;#pid放置的位置worker_rlimit_nofile204800;#指定进程可以打开的最大描述符这个指令是指当一个nginx进程打开的最多文件描述符数目,理......
  • Nginx 基本原理与最小配置
    文章和代码已经归档至【Github仓库:<https://github.com/timerring/front-end-tutorial>】或者公众号【AIShareLab】回复nginx也可获取。目录结构进入Nginx的主目录有如下文件夹client_body_tempconffastcgi_temphtmllogsproxy_tempsbinscgi_tempuwsgi_temp其中以_temp结......