前端访问本地静态图片或视频报Not allowed to load local resource:异常

最新推荐文章于 2024-06-13 16:01:56 发布

renwencong

最新推荐文章于 2024-06-13 16:01:56 发布

阅读量1.8k

点赞数

文章标签： html访问静态文件

本文链接：https://blog.csdn.net/renwencong/article/details/103313346

版权

错误原因：现在浏览器由于安全策略的问题，直接访问静态文件是不被允许的。

可以使用nginx代理访问，在nginx的配置文件中加入如下配置：

	server {
       listen       8888;
       server_name  localhost；

       #charset koi8-r;

       #access_log  logs/host.access.log  main;

       location / {
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_set_header Host $http_host;
			proxy_set_header X-NginX-Proxy true;
			proxy_pass http://blog.jackyang.me/;
			proxy_redirect off;
		}
  		location /imgUrl/ {
			alias 'D:/upload/standard/';
		 	expires 7d;
		}

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

在项目中使用localhost:8888/imgUrl/+图片名称
localhost是配置中server_name的值，
8888是配置中listen的值，
imgUrl是配置中location的名称，alias是图片存放的路径。