Python(Flask)+Vue(ElementUI)+MySQL全栈日记【1】

这篇博客记录了使用Python Flask、Vue(ElementUI)和MySQL进行全栈开发时遇到的问题及解决过程。在安装过程中遇到了PyMySQL的配置问题,前端注册页面的构建,以及Vue-Router的配置。在开发中,前端axios的proxy配置、数据传递、后端数据解析和存储到数据库的步骤都遇到了挑战,逐一得到解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


在Web技术课上被布置了服务端编程的作业。虽然以前一直都是只会写前端的,这下也试着全栈一次……!

安装

安装所需要的所有东西本身就并非易事。下载了PyCharm(没错,我以前一直是在VSCode里写Python的),在虚拟环境里安装了PyMySQL(原来只需要在PyCharm的终端里pip install就行了啊),SQL的基本语法还因为最近都在用MongoDB忘掉了……不过最后还是安装好了。

本来是想着在第一版网站里就直接判断是否已经登录,如果是就直接进主页,不是则跳转登录注册;但是发现这样必须得依靠cookies(至少从我现在的知识水平是这样),所以还是先老老实实做注册登录吧……

注册页面(前端)

先创建了Vue项目,添加了ElementUI,然后就可以开始写了!
……好吧,还是不行,得先加上Vue-Router。Flask管后端项目的路由,Vue-Router管前端项目的,咱俩各叫各的()。

16:52:17,完成了Vue-Router的配置(复习)。Git Commit了一次(Vue项目会自动配置为Git项目),记录下来现在的状态。现在可以开始写UI了(终于)。

proxy不起作用问题

不知道为什么,在vue.config.js文件里配置了proxy的情况下,axios的post仍然不识别proxy,而是试图把请求post给http://localhost:8080/cors/localhost:5000/register。

解决:只要不非把proxy的路径改成/cors,直接用/api就可以了。

后端接收不到数据问题

前端代码是

  axios.
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值