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

目录

问题描述

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

问题解决

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

复制代码
Content-Type: text/plain

正确的应该是

复制代码
Content-Type: text/css

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

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

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

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

相关推荐
粉末的沉淀1 小时前
css:固定跨度间隔的渐变色设置
前端·css
知识分享小能手6 小时前
React学习教程,从入门到精通,React 单元测试:语法知识点及使用方法详解(30)
前端·javascript·vue.js·学习·react.js·单元测试·前端框架
Ares-Wang8 小时前
Vue3 》》vite》》TS》》封装 axios ,Promise<T>
vue.js·typescript
PineappleCoder9 小时前
搞定用户登录体验:双 Token 认证(Vue+Koa2)从 0 到 1 实现无感刷新
前端·vue.js·koa
EveryPossible10 小时前
展示内容框
前端·javascript·css
子兮曰10 小时前
Vue3 生命周期与组件通信深度解析
前端·javascript·vue.js
Gss77712 小时前
Nginx 核心安全配置总结
网络·nginx·安全
Ares-Wang12 小时前
Vue3》》 ref 获取子组件实例 原理
javascript·vue.js·typescript
咖啡の猫13 小时前
Vue 简介
前端·javascript·vue.js