【已解决】web.py与react

在毕设开发过程中,web.py框架遇到了这个报错,当时其实花了挺久的时间,现在毕设结束了,过来做一个总结吧,供后人节约时间
根据报错信息,我们可以判断这个是接受函数没有设置导致的
react.js在进行post传参之前会进行一次请求,所以我们设置一个函数对请求进行接收:
但是插入函数之后,还是会继续报错,报错如下:
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
可以看出来这是一个跨越问题
可以直接设置一个()函数来全局解决跨域问题,代码如下:
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的运行框架中去,代码如下:

【已解决】web.py与react

文章插图
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/'
【【已解决】web.py与react】路径是项目文件下的.js文件,截图如下: