关于vue-axios设置OPTIONS请求缓存(Access-Control-Max-Age)问题？

Question

参考

https://developer.mozilla.org...

js

// request拦截器
axios.interceptors.request.use(
    config => {
        config.headers['Access-Control-Max-Age'] = 86400
        return config
    },
    error => {
        Promise.reject(error)
    }
)

期望效果

浏览器将OPTIONS请求进行缓存，而不是每次GET/POST之前都发起一次OPTIONS请求

实际效果

浏览器每次GET/POST之前都发起一次OPTIONS请求

其他

本地前端vue项目,使用webpack做了反向代理，请问我该如何排查问题，达到预期效果呢?

Answer 1

只要是跨域，浏览器进行 post 请求前一定会进行 option 请求，这个请求是为了确认能否加载该资源用的。

还有设置缓存那是后端的事，是要在响应中做相关设置的，前端设置没根本性的作用。

Answer 2

Access-Control-Max-Age是在后端进行设置的吧