vue 服务端为node，已开启cors跨域支持,请求报Network Errorat，如何解决？

Question

vue 服务端已开启CORS跨域支持，但是请求api接口是报Network Error
at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15)
at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:84:14

Answer 1

有可能是后端nginx配置问题，或者前端页面是https，但是接口是http，也会引起network error，这里给你一份简单的nginx配置参考，root是vue编译文件存放目录，自行修改成你们服务器上的。

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include              mime.types;
    default_type         application/octet-stream;
    sendfile             on;
    keepalive_timeout    65;
    client_max_body_size 20m;
    server {
        listen          80;
        gzip            on;
        gzip_buffers    32 4K;
        gzip_comp_level 6;
        gzip_min_length 100;
        gzip_types      application/javascript text/css text/xml;
        gzip_disable    "MSIE [1-6]\.";
        gzip_vary       on;
        location / {
            add_header Access-Control-Allow-Origin      *;
            add_header Access-Control-Allow-Credentials true;
            add_header Access-Control-Allow-Methods     'GET, POST, OPTIONS';
            add_header Access-Control-Allow-Headers     'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
            root      /usr/share/nginx/html;
            index     index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }
}