从零搭建测试平台aiotest - 003后端搭建、跨域问题处理

后端语言Python版本3.9.2，web框架sanic：21.6.2版。

步骤1：新建项目aiotest

步骤2：安装sanic

sanic：安装

步骤3：启动和访问

sanic：启动和访问

什么是跨域 ？

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

举几个栗子：

图片

由于项目采用的是前后端分离，会产生上图中最后一种情况：端口号不同，所以不可避免的会造成跨域问题。

后端需要的处理的部分，解决步骤

步骤1：安装sanic-cors

pip install sanic-cors

步骤2：使用

# _*_ coding:utf-8 _*_
from sanic import Sanic
from sanic.response import json
from sanic_cors import CORS

app = Sanic(__name__)

CORS(app)    # 这里是关键。


@app.post('/api/user/register')
async def register(request):
    print("body:{}".format(request.json))
    res = {
        "code": "0001",
        "success": True,
        "data": "register success"
    }
    return json(res)


if __name__ == '__main__':
    app.run(host="127.0.0.1", port=7000, auto_reload=True)

运行结果：

1、前端运行结果：

图片

图片

2、后端运行结果：

图片