VUE3+FLASK+TYPESCRIPT（实习接触，学习并自主实现）

开头

        不同于笔者在学校自学简单的html+js+css的模式，加入了前端框架VUE3真的是一个非常方便的工具，而且本人主攻于c++方向，像ts这种更严格的语法标准反而更加比原生js更能让我接受，由于这三个都是本人没接触的库框架和语言，所以笔者采取的是先学习在边做项目边巩固的方法。

VUE3初始化

        下面提供一个简单的VUE3+FLASK案例，旨在入门

打通Vue3+Flask（python3）+Mysql-实现简单数据交互_python vue3-CSDN博客（如果想一开始就是ts语法记得vue项目构建时就要实现）（笔者学习的项目），当然，也而外实现了像element，panda，docx，echarts库实现了一些小功能（向着未来的毕设更进一步（乐））。

        如果大家一开始要做的只是学习测试自己的VUE功能，建议先利用html，外接js标签<script src="https://unpkg.com/vue@（版本号，具体可以上官网看，也有其他的国内链接（写3也行））"></script>，就可以使用template等组件以及功能了。

        typescript语法菜鸟教程

Flask

        如果你有python的使用基础，其实flask的使用其实不需要太多学习，因为他就是一个库，而VUE3一定要了解其目录以及vue文件的结构，而其中config的内容也要有所理解。（课其实网上挺多的，如果有时间可以系统的学习，比如说慕课网上的课，真的是不错（因为翻看大学社团资源发现有相关资源。。。））。

        其实在做这些的过程中，笔者也了解到一些像sql注入一样的后端所面临挑战，虽然说好像是flask有抵御策略，不过也是需要学习的部分。

菜鸟教程 FLASK语法

后话

        在公司服务器上部署相关环境，并通过docker容器运行，相关环境的下载安装以及软链接，配置修改，本人在操作的过程中，也不可避免的遇到了打包转移这些问题我所遇到的ip非预期绑定，服务器前端网页会访问外部本机flask后端（但是服务器的后端不行）。

类似的项目有这个Flask + Vue + PyTorch 前后端分离部署，配合 Gunicorn + Nginx + 阿里云ECS_flask+pytorch需要启动nginx吗?-CSDN博客

（24/8/17记）