I use ordinary html pages to load data through axios. After logging in to login.html, get the token. on the server side. This token. should be carried on the requested header of all subsequent pages.
after logging in successfully, I set axios.defaults.headers.common ["Authorization"] = "AUTH_TOKEN" in login.html;
but when it comes to other pages, the Authorization of axios"s header is undefined,. What should I do to ensure that all requests are automatically accompanied by this token?
Please use axios's interceptor
// http request
axios.interceptors.request.use(
config => {
if (store.state.token) { // tokenhttp headertoken
config.headers.Authorization = `token ${store.state.token}`;
}
return config;
},
err => {
return Promise.reject(err);
});axios interceptor (you can also use this as a loading. before each request) attach a link link description
service.interceptors.request.use(
config => {
// token token
const USER_TOKEN = JSON.parse(sessionStorage.getItem('user')) && JSON.parse(sessionStorage.getItem('user')).USER_TOKEN
// token,
if(USER_TOKEN && !config.url.includes('login')){
config.headers.common['USER_TOKEN'] = USER_TOKEN
}
return config
},
err => {
return Promise.reject(err)
}
)Previous: An error occurred when Python3 crawled the short rent of Piglet.
Next: After vue package, open the project and report an error.
is there a problem with neither 504 nor 500 as shown in the following code? error error how can I get the status code of error? ...
encapsulate a request module with axios. Except for registering and obtaining CAPTCHA, other APIs need to pass token, in headers. Headers can be picked up and written, for example: axios.defaults.headers = { "appId": APPID, "...
after Axios logs in to the user, will token,sessionid, these Cookie be automatically set on the browser? ...
first of all, import is not supported before Node 9. I made it possible to use import, in Node by introducing babel-cli and babel-preset-es2015 , but I still had a problem when importing axios. I didn t add a path when I import, which is similar...
recently I learned to use axios, to use Douban s api, in vue-cli. I set axios s baseurl to Douban s api. After I set it, there was a cross-domain problem main.js axios.defaults.baseURL = http: api.douban.com v2 ; V...
Let s talk about the directory structure first: src api login.js store getters.js index.js modules user.js utils request.js axios the problem is that now I want to use vuex, in request.js, but after I intro...
The page needs to display a piece of data that is changing all the time , and the source of the data can only be obtained through the request interface . I hope the old drivers can give us a plan or idea. current solution: 1 defines a timer in the ...
request(OVERVIEW.getTopoLink, REQUEST_TYPE.POST,{subnetId:this.props.match.params.id}).then((res) => { }) export function request(url, requestType, data) { console.log( request ,data) console.log( request...
request of the requested object ...
previously you could handle this in ajax request(param){ $.ajax{ type: param.type, url: param.url, success(res){ if(res.status === 0){ typeof param.success === function && param.succes...
Douyin has just been installed. Users who do not log in can watch the content. you will be prompted to log in directly when you only click like, double click like, comment and other functions. whether the interception was done in the foreground or i...
both options and post return 200. Login normally, but Provisional headers are shown prompt appears ...
Cross-domain problems occur when token fails (client modifies token, or token expires) log in normally, and cross-domain problems will not occur when token is normal. ...
axios global request interceptor needs to request a method to get the return value in return config because the method is requested asynchronously, so use Promise axios.interceptors.request.use(config => { return new Promise(resolve => { ...
you need to request the backend to obtain the token, using the interceptor to bring the token by default. instance.interceptors.request.use(function (config) { config getToken() .then((data) => { config.headers.Authoriz...
after the vue project is configured to the server, the request is successful and the returned data can be seen in the browser, but an error is reported: Failed to load http: pre.api.jmxy.mockuai.c.: The value of the Access-Control-Allow-Origin h...
recently, when using axios, I found that the request header is set according to the document ~ but the corresponding setting cannot be seen in the browser console (for example, the content-type, of the request header is set here, but the request hea...
create-react-app2.0 is different from the original when setting cross-domain proxy. This is a problem about setting cross-domain proxy on stackoverflow on create-react-app2.0 . I installed this and configured the agent, but the combination of axios ...
how do you configure a request timestamp in axios.js I found that the API written by the backend has a caching mechanism. so write one. is it convenient to write a ? here is the axios encapsulation code I wrote vuexloading import store from ...
...