【已解决】web.py与react.js前后端配置跨域问题 OPTIONS https://... 405 (Method Not Allowed)

在毕设开发过程中，web.py框架遇到了这个报错，当时其实花了挺久的时间，现在毕设结束了，过来做一个总结吧，供后人节约时间

根据报错信息，我们可以判断这个是OPTIONS接受函数没有设置导致的

react.js在进行post传参之前会进行一次OPTIONS请求，所以我们设置一个OPTIONS函数对请求进行接收：
但是插入OPTIONS函数之后，还是会继续报错，报错如下：

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

可以看出来这是一个跨越问题

可以直接设置一个customhook()函数来全局解决跨域问题，代码如下：

def customhook():
    web.header('Access-Control-Allow-Origin', 'http://localhost:3000')
    web.header('Access-Control-Allow-Methods', 'OPTIONS, GET, POST')
    web.header('Access-Control-Allow-Headers', 'content-type')
    web.header('content-type', 'application/json')
    web.header("Access-Control-Allow-Credentials", "true")

当然，这个时候，我们需要将这个全局函数加载到web.py的运行框架中去，代码如下：

if __name__=="__main__":
    app = web.application(urls, globals())
    app.add_processor(web.loadhook(customhook))
    app.run()

同时对于react.js框架我们也需要设置允许跨域，代码如下：

axios.defaults.withCredentials = true; //配置为true
// 改成对应的服务端地址
axios.defaults.baseURL = 'http://localhost/'

路径是项目文件下的request.js文件，截图如下：