Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/reporting-services/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Docker nginx服务器出现CORS错误-可以通过URL访问,但不能通过axios访问_Reactjs_Nginx_Axios_Cors - Fatal编程技术网

Reactjs Docker nginx服务器出现CORS错误-可以通过URL访问,但不能通过axios访问

Reactjs Docker nginx服务器出现CORS错误-可以通过URL访问,但不能通过axios访问,reactjs,nginx,axios,cors,Reactjs,Nginx,Axios,Cors,我在让服务器与axios get命令通信时遇到问题。如果我直接在浏览器中输入URL,它可以正常工作。但是,当react应用程序中的axios命令获得cors 405响应时 不确定这是否是端口问题,或者我需要使用“localhost”或其变体,而不是IP地址。我试过几种变体,但都没有成功 我在浏览器端运行了CORS的chrome扩展,它似乎正在工作 服务器: user nginx; error_log /var/log/nginx/error.log; pid /run/nginx.pid; e

我在让服务器与axios get命令通信时遇到问题。如果我直接在浏览器中输入URL,它可以正常工作。但是,当react应用程序中的axios命令获得cors 405响应时

不确定这是否是端口问题,或者我需要使用“localhost”或其变体,而不是IP地址。我试过几种变体,但都没有成功

我在浏览器端运行了CORS的chrome扩展,它似乎正在工作

服务器:

user nginx;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include /etc/nginx/mime.types;

    default_type application/octet-stream;
    log_format main '$remote_addr - $remote_user [$time_local]  $status '
                    '"$request" $body_bytes_sent "$http_referer" '
                    '"$http_user_agent" "$http_x_forwarded_for"';
    access_log /var/log/nginx/access.log  main;

    server {
        listen 80;

        access_log /var/log/nginx/proxy.access.log main;
        error_log /var/log/nginx/proxy.error.log debug;

        location / {
            root /data;
            
            # Allow access to our data from anywhere
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'GET,OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'Accept,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
        }
    }
}
Axios命令

const { data } = yield call(axios.get, `localhost:8080/data-sources.json`, {
  headers: { 'Authorization': `bearer ${sessionKey}` },
});
在用于启动服务器的docker命令中,我将端口80映射到8080

docker run -p 8080:80/tcp...