关于解决跨域问题 vue+nginx

首先是vue跨域

   proxy: {  //配置vue跨域
      '/api': {
        target: process.env.VUE_APP_BASE_API,  //请求ip+port
        changeOrigin: true,  //允许跨域
        pathRewrite: {
          '^/api': 'api'
        }
      },
      '/qt': {    //请求前缀   前端接口
        target: process.env.VUE_APP_BASE_API, //请求ip+port
        changeOrigin: true,  //允许跨域
        pathRewrite: {
          '^/qt': 'qt'  //前端接口前缀
        }
      },
      '/auth': {        //请求前缀  主要是权限需要的 auth/
        target: process.env.VUE_APP_BASE_API,
        changeOrigin: true,
        pathRewrite: {
          '^/auth': 'auth' //请求前缀
        }
      }
    }

 

其次 配置nginx跨域:包括请求第三方api  百度  api跨域

 server {
        listen       9001;
        server_name  127.0.0.1;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
		location /baiduApi {   #请求百度api时发生跨域  加上这个配置 好了
			rewrite  ^/baiduApi/(.*)$ /$1 break;
            proxy_pass https://api.map.baidu.com/baiduApi/geocoder/ ;
	    add_header Access-Control-Allow-Origin *;
        }
        location / {  #全部请求 配置
            root   html\dist;
            index  index.html index.htm;
	    add_header Access-Control-Allow-Origin *;
        }
	
        error_page  404              http://123.56.179.131:9001/;

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

        # 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;
        #}
    }

 

没搞明白的 是:全局配置nginx跨域,为什么对百度api不起作用?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

励志重写JDK

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值