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