// 利用axios发送请求
axios({
        method: 'get', // post 、head，  put
        // url: 'http://fd.thunisoft.com:1234/api?bane=5&aaa=8888',
        url: 'http://172.16.192.153:1234/api',
  })

// 利用axios发送请求
axios({
        method: 'get', // post 、head，  put
        // url: 'http://fd.thunisoft.com:1234/api?bane=5&aaa=8888',
        url: 'http://172.16.192.153:1234/api',
        headers: {
         'Content-Type':'application/text', // 可修改，报错，（后端需要修改）
        }
  })

// 设置允许跨域的域名，*代表允许任意域名跨域
response.setHeader('Access-Control-Allow-Origin',  '*');

// 4.跨域允许的请求方式
   response.setHeader('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE,PATCH,OPTIONS,COMMON,HEAD, MOVE, COPY, LINK, UNLINK, WRAPPED, Extension-mothed, CONNECT, TRACE');

// 3.3 X-Requested-With 对应 XMLHttpRequest ()
  response.setHeader('Access-Control-Allow-Headers', 'Cache-Control,Content-Type, pragma, Authorization, X-Requested-With,  wuwg-define');

axios({
      method: 'get',
      url: 'http://172.16.192.153:1234/api?bane=5&aaa=8888',
      //`withCredentails`选项表明了是否是跨域请求
      withCredentials:true,
 })

 const origin = request.headers.origin;  
// 1.设置允许跨域的域名
response.setHeader('Access-Control-Allow-Origin',  origin || '*');   
// 2.认证携带cookie, 注意， 如果跨域的话，Access-Control-Allow-Origin 字段必须指定域名，不能为*, 请看上面的写法
 response.setHeader('Access-Control-Allow-Credentials', true);

const http = require('http');
const url = require('url');
// 请求计数
let  i = 0;
// 创建服务
http.createServer(function(request, response) {
    i++;
    // console.log(request)
    const origin = request.headers.origin;
    // 1.设置允许跨域的域名，*代表允许任意域名跨域
    console.log(origin)
    // response.setHeader('Access-Control-Allow-Origin',  '*');
    response.setHeader('Access-Control-Allow-Origin',  origin || '*');
    // 2.认证携带cookie, 注意， 如果跨域的话，Access-Control-Allow-Origin 字段必须指定域名，不能为*, 请看上面的写法
    response.setHeader('Access-Control-Allow-Credentials', true);
    // 3.允许的header类型
    // 3.1 一般默认头部包含以下：  Accept，Accept-Encoding，Accept-Language，Cache-Control，Connection，Content-Length，Host，Origin，Pragma，Referer，User-Agent
    // 如果需要修改默认头部的值，最好在 Access-Control-Allow-Headers 中添加上 
    // 3.2 Authorization 对应密码验证
    // 3.3 X-Requested-With 对应 XMLHttpRequest ()
     response.setHeader('Access-Control-Allow-Headers', 'Cache-Control,Content-Type, pragma, Authorization, X-Requested-With,  wuwg-define');
    // 4.跨域允许的请求方式
    response.setHeader('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE,PATCH,OPTIONS,COMMON,HEAD, MOVE, COPY, LINK, UNLINK, WRAPPED, Extension-mothed, CONNECT, TRACE');
    // 5. 其他头部信息
    response.setHeader('header-wuwg-define', 'test');
    const  method = request.method;
    console.log('第'+ i +'次走!' );
    console.log('请求方式为：'+ request.method);
    console.log('\n');
    //设置请求头
    response.writeHead(200, {
        'Content-Type': 'text/plain;charset=utf-8'
    });
    // 简单请求;
    if ( /(get|head)/.test(method)) {
        response.end( method +'【简单请求】成功');
    }
    else if (method === 'post') {
        let body = '';
        request.on('data',function (chunk) {
            body += chunk;  //一定要使用+=，如果body=chunk，因为请求favicon.ico，body会等于{}
        });
        // //在end事件触发后，然后向客户端返回。
        request.on('end',function () {
          response.end( 'post【简单请求】成功');
        });
        request.on('error',function () {
            console.log('数据获取失败')
        });
    }
    else {
        // 其他请求
      response.end( method +'【非简单请求】成功');
    }

}).listen(1234)
// 启动一个服务器
console.log('server run http://localhost:1234');

/**
 * 原生ajax
 * @author  wuwg
 * @time    20220215
 * @version 1.0.0
 * @param config
 * @return {Promise<unknown>}
 */
function ajax(config) {
    return new Promise((resolve, reject) => {
        let request = new XMLHttpRequest();
        const method = config.method;
        let url = config.url;
        const params = config.params;
        // 1.拼接get 参数
        if (params) {
            Object.entries(params).forEach((item, index) => {
                const _dataItem = `${index === 0 ? '?' : '&'}${item[0]}=${item[1]}`;
                url += _dataItem;
            });
        }
        // 2.打开请求
        request.open(method, url, true);
        // 3. headers 信息
        let headers = {};
        // 3.1 基础认证
        if (config.auth) {
            const username = config.auth.username || '';
            const password = config.auth.password ? unescape(encodeURIComponent(config.auth.password)) : '';
            // 添加认证
            headers.Authorization = `Basic ${btoa(`${username}:${password}`)}`;
        }
        // 3.2 合并其他头
        if (config.headers) {
            headers = Object.assign(headers, config.headers);
        }
        // 3.3 给request设置头部
        Object.entries(headers).forEach((item) => {
            // 设置头部
            request.setRequestHeader(item[0], item[1]);
        });
        // 4. 设置其他属性
        // 4.1添加 cookie 权限
        request.withCredentials = Boolean(config.withCredentials);
        // 4.2 设置超时
        request.timeout = config.timeout;
        // 5. 设置函数
        // 5.1 成功函数
        request.onreadystatechange = function handleLoad() {
            if (!request || request.readyState !== 4) {
                return;
            }
            // Prepare the response
            const responseHeaders = 'getAllResponseHeaders' in request ? request.getAllResponseHeaders() : null;
            const responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;
            // 响应数据
            const response = {
                data: responseData,
                status: request.status,
                statusText: request.statusText,
                headers: responseHeaders,
                config: config,
                request: request
            };
            if (response.status >= 200 && response.status < 300) {
                resolve(response);
            } else {
                reject(response);
            }
            // Clean up request
            request = null;
        };
        // 5.2 取消函数
        request.onabort = function handleAbort() {
            if (!request) {
                return;
            }

            reject({
                message:'Request aborted',
                config,
                request
            });

            // Clean up request
            request = null;
        };
        // 5.3 错误函数
        request.onerror = function handleError() {
            reject({
                message:'Network Error',
                config,
                request
            });
            // Clean up request
            request = null;
        };
        // 5.1 超时函数
        request.ontimeout = function handleTimeout() {
            reject({
                message:'timeout Error',
                config,
                request
            });
            // Clean up request
            request = null;
        };

        // 6. 设置取消函数
        config.abort = request.abort;
        // 7. 发送请求
        const requestData = config.data || null;
        request.send(requestData);
    });
}