首先是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不起作用?