今天因为同学项目的问题，重新看了一下之前代码的跨域问题的解决方式，也查阅了很多资料，整理记录一下。
问题：
当客户端向服务器端请求ajax服务时，如果客户端和服务器端域名不一致，就会出现跨域问题，ajax报错：No “Access-Control-Allow-Origin” header is present on the requested 。
解决跨域(全局配置)：
1、通过引入Cors包解决跨域：
<span>from</span> <a href="https://www.gaodaima.com/tag/flask" title="查看更多关于flask的文章" target="_blank">flask</a> <span>import</span><span> Flask
</span><span>from</span> flask_cors <span>import</span><span> CORS
app </span>= Flask(<span>__name__</span><span>)
CORS(app)
</span><span>if</span> <span>__name__</span> == <span>"</span><span>__main__</span><span>"</span><span>:
app.run()</span>
www#gaodaima.com来源gaodai#ma#com搞@@代~&码*网搞代码
CORS参数说明
| 参数 | 类型 | Head字段 | 说明 |
|---|---|---|---|
| resources | 字典、迭代器或字符串 | 无 | 全局配置允许跨域的API接口 |
| origins | 列表、字符串或正则表达式 | Access-Control-Allow-Origin | 配置允许跨域访问的源，*表示全部允许 |
| methods | 列表、字符串 | Access-Control-Allow-Methods | 配置跨域支持的请求方式， 如：GET、POST |
| expose_headers | 列表、字符串 | Access-Control-Expose-Headers | 自定义请求响应的Head信息 |
| allow_headers | 列表、字符串或正则表达式 | Access-Control-Request-Headers | 配置允许跨域的请求头 |
| supports_credentials | 布尔值 | Access-Control-Allow-Credentials | 是否允许请求发送cookie， false是不允许 |
| max_age | 整数、字符串 | Access-Control-Max-Age | 预检请求的有效时长 |
2、在被请求的Response header中加入header
from flask import<span> Flask</span>
<span><br>def</span><span> after_request(response):
response.headers[</span><span>"</span><span>Access-Control-Allow-Origin</span><span>"</span>] = request.headers.get(<span>"</span><span>Origin</span><span>"</span>) <span>or</span> <span>"</span><span>http://127.0.0.1:9528</span><span>"</span><span>
response.headers[</span><span>"</span><span>Access-Control-Allow-Methods</span><span>"</span>] = <span>"</span><span>PUT,GET,POST,DELETE</span><span>"</span><span>
response.headers[</span><span>"</span><span>Access-Control-Allow-Headers</span><span>"</span>] = <span>"</span><span>Content-Type,Authorization,Accept,Origin,Referer,User-Agent</span><span>"</span><span>
response.headers[</span><span>"</span><span>Access-Control-Allow-Credentials</span><span>"</span>] = <span>"</span><span>true</span><span>"</span>
<span>return</span><span> response
</span><span>
app </span>= Flask(<span>__name__</span><span>)
app.after_request(after_request)
</span><span>if</span> <span>__name__</span> == <span>"</span><span>__main__</span><span>"</span><span>:
app.run()</span>
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：flask-vue 解决跨域问题
转载请注明原文链接：flask-vue 解决跨域问题
