Nginx部署Vue项目css文件能加载但是不生效

目录

问题描述

Nginx部署打包后的Vue项目css文件能加载但是不生效,

问题解决

查看响应标头,发现不对劲,

复制代码
Content-Type: text/plain

正确的应该是

复制代码
Content-Type: text/css

根本原因是nginx没有告诉浏览器正确的文件类型

所以在nginx配置文件上引入一个类型文件就可以

bash 复制代码
http {
    include mime.types;
}

重启nginx后,css文件生效,显示正常了

相关推荐
天下·第二28 分钟前
【Nginx】负载均衡配置详解
运维·nginx·负载均衡
会飞的鱼先生38 分钟前
vue3 内置组件KeepAlive的使用
前端·javascript·vue.js
苹果酱05671 小时前
【Azure Redis 缓存】在Azure Redis中,如何限制只允许Azure App Service访问?
java·vue.js·spring boot·mysql·课程设计
Hello.Reader2 小时前
洞悉 NGINX ngx_http_access_module基于 IP 的访问控制实战指南
tcp/ip·nginx·http
天天扭码3 小时前
前端必备技能 | 使用rem实现移动页面响应式
前端·javascript·css
咪库咪库咪3 小时前
vue1
前端·vue.js
洋333 小时前
[纯原创无Ai] 我把React调教成vue的模样了
vue.js·react.js
工呈士4 小时前
CSS 预处理器与模块化:Sass/LESS 实战技巧
css·less
李是啥也不会4 小时前
Vue中Axios实战指南:高效网络请求的艺术
前端·javascript·vue.js
JavaDog程序狗4 小时前
【实操】uniapp纯前端搞个识别植物花草小程序
前端·vue.js·uni-app