首页 > 系统相关 >Nginx代理静态界面资源后,浏览器端CSS、JS不起作用

Nginx代理静态界面资源后,浏览器端CSS、JS不起作用

时间:2023-06-18 16:45:52浏览次数:47  
标签:浏览器 JS Content Nginx MIME CSS

现象说明:

VUE项目打包后通过Nginx代理访问时,JS、CSS等资源都加载到浏览器端了,但是不起作用。

经过分析后,发现对于JS、CSS在浏览器端显示的资源类型为:Content-Type=text/plain。

发现Nginx没有配置:include mime.types;

当Nginx服务器收到静态文件请求时,会根据请求文件中的后缀名在MIME配置文件中找到对应的MIME TYPE,然后再根据MIME TYPE设置HTTP Response的Content-Type,浏览器会根据Content-Type的值处理资源文件。

在http下增加如下配置:

http {
        include mime.types;
        default_type application/octet-stream;

        ......  
}

 

标签:浏览器,JS,Content,Nginx,MIME,CSS
From: https://www.cnblogs.com/yshyee/p/17489294.html

相关文章

  • Delphi 用TDatasetToJSONBridge原生支持DataSet导出Json
    Xalion发现data.DBJson单元,不知什么时候加的,官方帮助中也没有写。procedureTForm18.Button2Click(Sender:TObject);varcV:TDatasetToJSONBridge;jo:Tjsonobject;begincV:=TDatasetToJSONBridge.Create;trycV.Dataset:=mt;jo:=Tjsonobject(cV.Pro......
  • nginx-clojure debug构建简单说明
    实际上参考了官方的构建参数,提供一个debug模式的文件原始配置configurearguments:--prefix=--sbin-path=nginx--conf-path=conf/nginx.conf--error-log-path=logs/error.log--http-log-path=logs/access.log--pid-path=logs/nginx.pid--lock-path=logs/nginx.lock--http-......
  • express+ejs
      参考项目地址:https://github.com/Sam-Meech-Ward/my_ejs_notes      server.jsconstexpress=require('express')constpath=require('path')constapp=express()constport=3000app.set("viewengine","ejs")......
  • nginx-clojure 0.6.0 的一些新特性
    昨天制作了0.6.0的docker镜像,并说明了一些问题,以下简单说明下一些新特性新特性所有的handler可以在http以及servercontext使用了,可以方便进行组合使用nginx1.23.x支持jdk19支持,支持协程了官方提供的二进制构建基于1.23.3说明昨天也说明了,官方提供的二进制包缺少一些依赖,......
  • nginx-clojure 源码构建一些问题
    因为nginx-clojure就是一个标准的nginx模块,一些是尝试基于源码进行构建发现一些问题的说明简单说明nginx当前1.25版本的构建是有问题的,1.24版本构建是可以的,1.23版本实际上官方已经提供了但是如果查看nginx官方文档会发现1.23版本的下载官方是似乎移除了,没直接提供了......
  • nginx-clojure-0.6.0 集成nginx 1.25.0 构建的解决方法
    今天也说过关于nginx-clojure-0.6.0集成nginx1.2.50构建是有问题的,以下是解决方法实际问题staticdeclarationof‘ngx_http_close_request’followsnon-staticdeclaration原因nginx-clojure复制了nginx源码中对于nginx的处理函数(ngx_http_clojure_mem.c文件)/*copyfrom......
  • 【React工作记录一百一十二】React(Hook)+TS+axios+ant design+json server实现todoli
    前言大家好我是歌谣最近开始在做关于前端扫盲的一些只是处理花了一周左右录制了了一个hook写法的关于todoList的视频主要用于基础知识的一个使用和处理目录#前端巅峰人才交流群私信我#第一节创建项目todolist项目技术选型React(Hook)+TS+axios+antdesign+jsonserve......
  • 使用nginx作为反向代理配置多个域名的https证书
    偶然想到,自己还没有做好使用nginx作为反向代理,搭配多个域名的https,心血来潮,就问了下bing怎么做。docker-compose.ymlversion:'3.7'services:nginx-proxy:image:jwilder/nginx-proxycontainer_name:nginx-proxyrestart:alwaysports:-80:80......
  • babylon.js 学习笔记(10)
    今天来学习下车床(lathe)建型及粒子系统,babylon.js有一个很强大的函数CreateLathe,可以将一段路径经过旋转后,形成1个shape,这么说有点抽象,比如下面这张图:其中的关键点坐标为:constfountainProfile=[newBABYLON.Vector3(0,0,0),newBABYLON.Vector3(10,0,0),......
  • 使用 Vue.js 的 CDN(内容分发网络)来添加 Vue.js
    在您的HTML文件中添加script标签,并指定Vue.js的CDN地址。通常可以通过在 <head> 标签或 <body> 标签的底部添加该标签来加载Vue.js。下面是一个常用的Vue.jsCDN地址:<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>一下是一个小小的案......