[RootersCTF2019]I_<3_Flask

[RootersCTF2019]I_

Original: https://blog.csdn.net/m0_62905261/article/details/125947743
Author: 一夜至秋.
Title: [RootersCTF2019]I_<3_Flask



相关阅读

Title: 【web系列十】Vue3+Django+MySQL搭建前后端框架

目录

写在前面

Vue3和Django通信

代码转移

代码转移

页面请求与显示

跨域请求

服务端发出的跨域请求

浏览器发出的跨域请求

csrf认证

前后端通信示例

django

vue3

演示

Django和MySQL通信

准备

安装插件

创建数据库

连接数据库

生成数据表

创建用户

另一种远程访问的方式

通信示例

vue工程

django工程

测试

参考资料

写在前面

这篇文章主要介绍前端、后端和服务器间的通信,如果有对这三个部分还不了解的或者不知道怎么搭建工程的可以去看博主的这三篇文章,希望能对你有帮助。

Django 【web系列二】Django服务器搭建_Nicholson07的博客-CSDN博客_django 应用服务器

Vue 【web系列八】vscode下vue3+vue/cli+pinia+typescript搭建前端开发环境_Nicholson07的博客-CSDN博客

MySQL 【web系列九】快速上手MySQL数据库_Nicholson07的博客-CSDN博客

另外,这里贴出一些官方文档,本文没有讲到的内容,大家可以从官方文档自行了解。

Django Django,Django中文网,Django中文社区,django教程,Django学习!

Vue Vue.js (vuejs.org)

MySQL MySQL :: MySQL Documentation

axios Axios 中文文档 | Axios 中文网 | Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js (axios-http.cn)

Vue3和Django通信

对django单体web框架熟悉的朋友应该对前端(这里指html页面)与后端(django服务器)通信的过程比较了解了。那么现在用vue3+django前后端分离框架实现通信其实也不麻烦,关键问题只有三个:

  1. 代码转移:html及一些js/ts代码存放的位置从django转移到了vue3工程下。
  2. 跨域请求:原本只要处理服务器端的跨域请求,现在还得考虑浏览器发出的跨域昂问请求。
  3. csrf认证:django的csrf_token认证问题更加复杂。

代码转移

代码转移

这个其实比较好理解,原本的django单体框架下,html页面一般就在django的templates下,现在直接转移到vue工程下的components下。

django工程结构示例。

`bash

Original: https://blog.csdn.net/Nichlson/article/details/125602306
Author: Nicholson07
Title: 【web系列十】Vue3+Django+MySQL搭建前后端框架

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/309514/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

最近整理资源【免费获取】:   👉 程序员最新必读书单  | 👏 互联网各方向面试题下载 | ✌️计算机核心资源汇总