Jaekwang jung Jae-kwang

Handle CORS Client-side

Cross-origin resource sharing (CORS) is a mechanism that allows restricted resources (e.g. fonts) on a web page to be requested from another domain outside the domain from which the first resource was served. This is set on the server-side and there is nothing you can do from the client-side to change that setting, that is up to the server/API. There are some ways to get around it tho.

Sources : MDN - HTTP Access Control | Wiki - CORS

CORS is set server-side by supplying each request with additional headers which allow requests to be requested outside of the own domain, for example to your localhost. This is primarily set by the header:

Access-Control-Allow-Origin

	// Convert from decimal to binary
	(11).toString(2) // “1011"

	// Convert from decimal to hexadecimal
	(255).toString(16) // ‘ff'

	// Convert from binary to decimal
	parseInt("1011", 2); // 11

	// Convert from binary to hexadecimal

	function quickSort(arr){

	if(arr.length < 2)
	return arr;

	var pivot = arr[Math.floor(arr.length/2)];
	var middle = arr.filter(function (data) {return data == pivot;});
	var lows = quickSort(arr.filter(function (data) {return data < pivot;}));
	var highs = quickSort(arr.filter(function (data) {return data > pivot;}));

	Number.prototype.pad = function(size) {
	var s = String(this);
	while (s.length < (size \|\| 2)) {s = "0" + s;}
	return s;
	}

	(1).pad(3) // => "001"
	(10).pad(3) // => "010"
	(100).pad(3) // => "100"

	URL="http://stackoverflow.com/"

	# store the whole response with the status at the and
	HTTP_RESPONSE=$(curl --silent --write-out "HTTPSTATUS:%{http_code}" -X POST $URL)

	# extract the body
	HTTP_BODY=$(echo $HTTP_RESPONSE \| sed -e 's/HTTPSTATUS\:.*//g')

	# extract the status
	HTTP_STATUS=$(echo $HTTP_RESPONSE \| tr -d '\n' \| sed -e 's/.*HTTPSTATUS://')

	var binarySearch = function(array, value) {
	var guess,
	min = 0,
	max = array.length - 1;

	while(min <= max){
	guess = Math.floor((min + max) /2);
	if(array[guess] === value)
	return guess;
	else if(array[guess] < value)

	<!--
	<form autocomplete="off"> will turn off autocomplete for the form in most browsers
	except for username/email/password fields
	-->
	<form autocomplete="off">

	<!-- fake fields are a workaround for chrome/opera autofill getting the wrong fields -->
	<input id="username" style="display:none" type="text" name="fakeusernameremembered">
	<input id="password" style="display:none" type="password" name="fakepasswordremembered">

	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
	<plist version="1.0">
	<array>
	<dict>
	<key>Activate</key>
	<string>Normal</string>
	<key>CreationDate</key>
	<real>506394561.98772597</real>
	<key>Macros</key>

	//Usage
	import React from 'react';
	import { BrowserRouter as Router } from 'react-router-dom';
	import Route from './AuthRoute';

	import Login from './Login';
	import Private from './Private';

	export default () =>
	<Router>

	const mockResponse = (status, statusText, response) => {
	return new window.Response(response, {
	status: status,
	statusText: statusText,
	headers: {
	'Content-type': 'application/json'
	}
	});
	};