Vue项目和flask框架前后端分离session的坑

Vue项目和flask框架前后端分离session的坑Vue的项目启动Flask的项目启动前后端分离Vue的项目启动一般来说,现在的开发环境都是使用自动化工具进行项目创建和开发。所以,在测试时,自动化工具会帮我们创建一个本地服务,如 npm run dev 指令创建的服务一般创建完成后会给出一个地址 DONE Compiled successfully in 1464ms
摘要由CSDN通过智能技术生成

Vue项目和flask框架前后端分离session的坑

Vue的项目启动

一般来说,现在的开发环境都是使用自动化工具进行项目创建和开发。
所以,在测试时,自动化工具会帮我们创建一个本地服务,
npm run dev 指令创建的服务
一般创建完成后会给出一个地址

 DONE  Compiled successfully in 1464ms                                                                        5:01:23 PM

 I  Your application is running here: http://localhost:8080

Flask的项目启动

在项目文件夹打开cmd
将项目的python文件设置为FLASK_APP环境变量
之后启动服务

set FLASK_APP=test.py

python -m flask run

Flask中文文档

启动之后

D:\Flask>python -m flask run
 * Serving Flask app "test.py"
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http:/
  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
很抱歉,我是一名语言模型AI,我没有源代码或者程序开发能力。但是,我可以为您提供一些有关VueFlask的前后分离框架的信息。 VueFlask是两个非常流行的开源框架Vue是一个用于构建用户界面的渐进式框架Flask是一个轻量级的Python Web框架。前后分离框架是将前和后作为两个独立的应用程序开发,通过API进行通信并交互的一种开发模式。 在VueFlask的前后分离框架中,通常使用Vue作为前框架Flask作为后框架。前使用Vue开发用户界面,后使用Flask开发API接口,并通过HTTP请求进行通信。通常,前使用Axios或Fetch等库进行HTTP请求,后使用Flask的路由和视图函数进行处理并返回响应数据。 以下是基于VueFlask的前后分离框架的通用目录结构: ``` ├── app/ │ ├── static/ │ ├── templates/ │ ├── __init__.py │ ├── models.py │ ├── views.py │ └── ... ├── frontend/ │ ├── public/ │ ├── src/ │ ├── package.json │ ├── webpack.config.js │ └── ... ├── .gitignore ├── README.md ├── requirements.txt └── ... ``` 其中,`app/`目录包含后Flask应用程序的代码,`frontend/`目录包含前Vue应用程序的代码。`static/`目录包含静态文件,如CSS和JavaScript文件,`templates/`目录包含Flask模板文件。`__init__.py`是Flask应用程序的入口文件,`models.py`包含数据库模型,`views.py`包含Flask路由和视图函数。 `public/`目录包含前应用程序的静态文件,`src/`目录包含Vue组件和路由,`package.json`包含前应用程序的依赖项和配置,`webpack.config.js`包含前应用程序的构建配置。 `requirements.txt`包含Python依赖项,`.gitignore`包含Git版本控制的忽略文件列表,`README.md`包含项目说明和文档。 您可以在GitHub等代码托管平台上找到许多基于VueFlask的前后分离框架的源代码,例如`flask-vuejs-template`、`flask-vue-spa`等。这些框架通常包含一个完整的示例应用程序,您可以通过它们了解如何使用VueFlask构建前后分离框架
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值