场景

本地html中请求磁盘中的静态资源文件，可以使用Nginx做静态资源映射，

可以将本地磁盘文件映射为网络url。可是由于浏览器的跨域机制会提示：

from orihin 'null' has been blocked by CROS policy: Cross origin requersts are only

supported for....

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot,架构之路领域博主
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、编辑nginx.conf,添加如下代码

     add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';if ($request_method = 'OPTIONS') {return 204;}

2、完整server代码

 server {add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';if ($request_method = 'OPTIONS') {return 204;}listen       120;server_name  127.0.0.1;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   D:/WorkSpace/Gitee/three-js-study/assets/;try_files $uri $uri/ /index.html;index  index.html index.htm;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}

Nginx映射本地静态资源时，浏览器提示跨域问题解决相关推荐

nginx配置本地静态资源路径
通过nginx获取本地静态资源,配置如图: alias:资源位置地址 autoindex on; 打开浏览器目录浏览功能本地目录: 浏览器查看:
Nginx访问本地静态资源详细步骤
目录一.Nginx简介二.Nginx访问本地静态资源详细步骤 1.首先下载Nginx 2.将下载好的压缩包解压到合适位置 3.启动Nginx,进入localhost 界面如下图所示说明启动成功,默 ...
Nginx映射本地json文件，配置解决浏览器跨域问题，提供前端get请求模拟数据
场景网络接口返回json格式数据,可以直接在浏览器中访问. 可以在页面上右键另存为json格式文件怎样在本地使用nginx配置,模拟get接口返回该json文件,使前端使用ajax请求数据时,可以 ...
nginx和openresty配置静态资源时，样式错乱
问题 nginx和openresty配置静态资源时,样式错乱,页面没有报错,查看css,作为静态文件已经加载了,但是不起作用. 原因 CSS加载过程,发现CSS加载时Content Type为&quo ...
解决Spring下无法实时访问本地静态资源
解决Spring下浏览器无法实时访问本地静态资源场景1:原本地文件test.json中内容为 "1".我们通过前后端交互操作,修改test.json的内容为 "2&qu ...
nginx配置静态资源html,通过nginx服务器访问静态资源(示例代码)
通过nginx服务器访问静态资源引言之前在做毕设的时候接触过nginx,那时候是用来做前后端分离的.一转眼都快一年了,nginx的相关内容也忘的差不多了. 有过接触前端的同学都知道,直接在标签的s ...
Charles学习（四）之使用Map local代理本地静态资源以及配置移动端代理在真机上调试iOS和Android客户端...
前言问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试也不想在模拟器中调试,我想要在真机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的 ...
Charles学习（三）之使用Map local代理本地静态资源以及配置网页代理在Mac模拟器调试iOS客户端...
前言问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试,我想要在手机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charl ...
Docker安装的Nginx无法访问静态资源|nginx 容器静态资源无法访问
最近在docker部署Thinkphp管理后台,部署完成后发现根目录下所有静态资源无法访问.翻了很多php 配置和nginx 配置,后来发现是因为使用Docker 容器问题. 问题描述 Docker启 ...

Nginx映射本地静态资源时，浏览器提示跨域问题解决

场景

实现

Nginx映射本地静态资源时，浏览器提示跨域问题解决相关推荐

最新文章

热门文章