前言

在本文中，将会讲解前后端请求的交互。

【资料图】

Vue3

首先我们在前端项目中的 main.js 文件，导入 axios 模块

若运行项目后提示 Module not found: Error: Can't resolve 'axios' ，可先通过

来安装 axios 模块，之后即可对 axios 进行一些简单的全局配置，例如设置默认的接口地址

这是对应我们此前的后端项目运行（部署）的地址前缀，127.0.0.1为本机地址。

便于我们在后续在写交互请求时仅需填写后缀即可，这样若后端部署的服务器、端口等发生变更，则仅需修改这一处即可。

接着我们回到此前在 views 文件夹下新建的文件 RegisterView.vue ，当时我们并未对 Register 函数进行具体实现，我们需要对其进行实现，示例代码如下：

首先是导入 axios 和 qs 模块，通过 qs 模块来将我们的表单对象格式化为字符串。并向 baseURL + "/user/register" 发送，即对应我们此前的后端注册接口路由

接着获取返回值，若 errno 为 0 则说明注册成功，给出提示信息，否则给出错误提示信息。

至此我们的前端部分就结束了，接下来我们还需要去后端修改配置使得请求可以跨域。

Django

首先需要安装 django-cors-headers 库，装好后打开项目文件夹中的 settings.py 文件，有以下三个部分需要添加：

之后在前端即可正常请求了。

成功示例

关键词： DJANGO 前端项目 ERROR