request directly
jsonp
200
what should I do now? How do I request this api? without a response header on the server
request directly
jsonp
200
what should I do now? How do I request this api? without a response header on the server
browsers do not support cross-domain. After using jsonp, in ajax requests, you have to do processing on the server side.
add header information on the server side,
header('Access-Control-Allow-Origin: *'); //
header("Access-Control-Allow-Headers: token,Origin, X-Requested-With, Content-Type, Accept"); //content-type
header('Access-Control-Allow-Methods: POST,GET'); // the answer above is cors mode cross-domain
subject has the result but no data because the jsonp method requires that the object object of js be returned instead of json
these are two different ways
add that jsonp is actually closer to js in cross-domain principle. It requires the server to return a piece of js code with object, and then take advantage of the feature in the js tag that src does not have cross-domain restrictions by default (exactly, there is no cross-domain restrictions if the web page is not configured with csp, but at the same time at the expense of some security), load it with src, so you can get the data in object. At the same time, because js.object,jQ, which is in the same line as json, makes the code look like it is loading json. (what the heck)
CORS requires the server to return with a CORS header indicating the domain that allows cross-domain access (of course, you can also use the wildcard * to save trouble). However, I personally think that if the domain has the ability to control the backend, it is a better choice to configure a forwarding proxy, because there is no cross-domain problem in the frontend. The forwarding proxy can be done with Nginx, and it is possible to set URL forwarding in domain name resolution. (recently discovered, Wanwang has URL explicit / implicit forwarding, but it has not been tried yet).
use an agent tool like charles.
Cross-domain jsonp or Access-Control-Allow-Origin requires server support
the cross-domain setting of chrome after version 49
chrome has been upgraded to 49, and the cross-domain setting is stricter than before. After adding-- disable-web-security to the open command, you also need to give a new directory of the user's personal information. As we all know, chrome is a browser that needs to log in with a gmail address. After logging in, it will generate a directory to store personal information and save users' favorites, history and other personal information. After version 49, if you set the chrome browser to support cross-domain mode, you need to specify a directory of personal information instead of using the default directory. It is estimated that chrome browsers are afraid that users should not use cross-domain mode to disclose their personal information (mainly because the login token information of many cookie, websites is stored in cookie).
the specific method is:
1. Create a new directory on your computer, for example: C:MyChromeDevUserData
2. Add the value of-- disable-web-security-- user-data-dir=C:MyChromeDevUserData,--user-data-dir to the target input box on the property page, which is the directory you just created.
3. Click apply and OK to close the properties page and open the chrome browser.
Open chrome, again and find a prompt related to "--disable-web-security", indicating that chrome can work properly across domains again.
The horizontal coordinates of echarts are not specifically marked, and the X coordinates do not have a grid to indicate. Here is a figure that specifies . js * * createChartSix() { this.$http .get(this.$api.dataChart) .then(rsp => { ...
sincerely ask for advice: < hr > I want to use node as the background to build a video streaming server. The front end is similar to Youku VOD. It can record the playback node function, and load the progress bar at any point (starting from the c...
I need to implement in a chained promise function, any function error in the middle terminates the program, and can catch the error function, and then perform different operations according to different error functions. How can the following code be imp...
I would like to ask what is wrong with this code. Thank you for your answers. ...
is doing a question on Niuke.com. I encounter a problem: to achieve the function callIt, after the call meets the following conditions 1, the returned result is the result after calling fn 2, and the call parameter of fn is all the parameters after th...
A timing examination system is triggered if the click event is triggered within 5 seconds, and if it is not triggered, the system marks the correct answer at the end of the countdown. How to implement ...
description: a regular match is given to the content of an input box, and the matching content is the product activation code. looks like this: "0C31-0B81-BB32-3094-0C31-0B81-BB32-3094 " Code: $( -sharplicenseCode ).keyup(function () { le...
1. The custom event triggers the click event of .cpcstartrefresh, but triggers 2 click events each time 2. The code is as follows: window.onmessage = function (e) { create an event object, var myEvent = document.createEvent( Event ); m...
I configured the MIME type of the file with the amr suffix in the apache configuration as application ms-download, Why it is a garbled page when opening a file in amr format using window.open in chrome, while a file in amr format can be successfully dow...
I got a set of data, which is to choose the type of question. How can I tell if I have chosen the right one answera: "Olympic Games " answerb: "Asian Games " answerc: "Paralympic Games " answerd: "University Games " id: "1772 " question: "f...
read a number, such as 521 change this number to 0521 but put it into four div separately, how to realize it? 0 < div > 5 < div > 2 < div > 1 < div > ...
react projects cannot save store? using redux, data index.js ReactDOM.render( <Provider store={store}> <Router > < Provider>, document.getElementById( root )) registerServiceWorker() actions export const SET_USER = ...
how to find all the NA characters in a HMLT page and replace it with "and invalid " with native JS ...
...
suppose there are only a.js and b.js (only two js and nothing else) b.js export A variable is used for a.js can you directly use import and export without using packaging and compilation tools such as webpack or babel can it be achieved with the h...
do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...
what does the code circled in the following picture mean? ...
I look at a html ui project with items such as: var apiserver = window[ apiserver ]; url = apiserver + "filterUrlController getUrlData"; I searched the whole project and couldn t find the value of window [ apiserver ]. How do you un...
In the vue-cli project, I directly introduced the particls library into index.html, and the related files are placed in the static directory . <div id="particles-js">< div> <script type="text javascript" src="s...
How does the code return only the result after the last asynchronous operation in the for loop is completed as shown in the figure? Please stop by and give me a hand. ...