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

问题描述

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

在这里插入图片描述

问题解决

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

Content-Type: text/plain

正确的应该是

Content-Type: text/css

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

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

http {
    include mime.types;
}

重启nginx后,css文件生效,显示正常了
在这里插入图片描述

相关推荐

  1. 动态CSS文件

    2024-06-14 13:02:01       18 阅读
  2. nginx部署vue项目

    2024-06-14 13:02:01       34 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-14 13:02:01       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-14 13:02:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-14 13:02:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-14 13:02:01       20 阅读

热门阅读

  1. 蓝中面试(一)

    2024-06-14 13:02:01       6 阅读
  2. 云顶之弈-测试报告

    2024-06-14 13:02:01       7 阅读
  3. AtCoder Beginner Contest 357 C - Sierpinski carpet

    2024-06-14 13:02:01       8 阅读
  4. Threejs-11、材质文理颜色

    2024-06-14 13:02:01       5 阅读
  5. Flutter知识点

    2024-06-14 13:02:01       5 阅读
  6. 软件设计模式概述

    2024-06-14 13:02:01       7 阅读
  7. Linux之逻辑控制符&&

    2024-06-14 13:02:01       7 阅读
  8. 带你学习Mybatis之执行器Executor

    2024-06-14 13:02:01       10 阅读