json-proxy's Introduction

JSON Post 跨域转发

npm intall 
npm run start



let data1=JSON.stringify({
    reqUrl: 'http://host:port/order/list/v1',
    params:{
      "username": "user01",
      "userId": "1",
      "userType": "",
      "token": "token_value",
      "pageIndex": 1,
      "pageSize": 10
    },
    proxyHeaders: {
      'Content-Type': 'application/json' 
    },
    xmlToJSON: false,
    useCache: false
  });

$.ajax({
  url: 'http://127.0.0.1:4500',
  dataType: 'json',
  method: 'POST',
  data: {a:data1}
}).then(function(res) {
  console.log(res)
});

Simple Proxy Server

This is a very simple proxy server to get around CORS issues when an API does not provide JSONP.

How to use.

This is live at proxy.hackeryou.com.

The set up is very simple, when you make a request with $.ajax you might right it like this.

$.ajax({
	url: 'http://api.site.com/api',
	dataType: 'json',
	method:'GET',
	data: {
		key: apiKey,
		param1: value,
		param2: value
	}
}).then(function(res) {
	...
});

However because of CORS you might not be able to access the API this way. If the API does not offer JSONP you can use this proxy to bypass the CORS issue. To use this proxy you have to change you request to look like this.

$.ajax({
	url: 'http://proxy.hackeryou.com',
	dataType: 'json',
	method:'GET',
	data: {
		reqUrl: 'http://api.site.com/api',
		params: {
			key: apiKey,
			param1: value,
			param2: value
		},
		proxyHeaders: {
			'Some-Header': 'goes here'
		},
		xmlToJSON: false,
		useCache: false
	}
}).then(function(res) {
	...
});

Options to pass

You pass your information via the data object, in there there are a bunch of options you need to pass.

param	type	description
reqUrl	`string`	The URL for your endpoint.
params	`object`	The options that you would normally pass to the data object
xmlToJSON	`boolean`	Defaults to `false`, change to true if API returns XML
useCache	`boolean`	Defaults to `false`, change to store your response from an API for 1 hour.

Recommend Projects