django+vue前后端分离项目部署
简述：Spring boot+Vue 前后端分离项目部署，主要采用docker容器部署方式。Springboot项目部署：docker构建mysql环境+docker构建项目自身环境。Vue项目：使用docker启动nginx服务器方式代理部署。
使用 django 与 vue， 意味着希望进行前后端分离，所以开发过程本身就是隔离的。双方的交集应该是最后部署的时候（vue 打包， django 开启生产模式， 反代服务器开启（如 nginx））。
从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
一般项目前后端分离得话，都会用nginx作为反向代理转发的。
另外值得一提的是：自己那个类中的 dispatch 方法中如果不自己去映射而是调用父类（django 的 View）的 dispatch 方法，另外还在前后做一些附加操作，这样的功能跟 “ 装饰器 ” 就很相似了。
vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。
vue前端调用后端是通过服务器还是浏览器
1、一般不存在前端给后端接口的情况，几乎都是后端给前端接口，所谓接口就是可以通过服务端部署的机器提供出来的URL地址进行动态的数据交互。
2、vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。
3、前后端分离，顺其自然是VUE运行在前端服务器。
4、脚手架里带的 Node 部分，主要充当的是 WebServer，跟浏览器有什么关系？最后都是要 Webpack 打包成纯粹的 html/css/js 项目的。
5、第一，表示层，这部分可以用HTML代码，CSS/Javascript代码来实现等。通过前端代码可以实现网页的布局和设计。这层又可以称为显示层。也就是你用浏览器打开能看到的网页。第二层，是业务层，这层是负责处理数据的。
Vue项目前后端分离下的前端鉴权方案
实现前后端分离，主要是前端的技术架构变化较大，后端主要变为restfull 风格API，然后加上Swagger技术自动生成在线接口文档就差不多了。
防范CSRF的主要手段是识别请求者的身份，通过在表单中添加令牌（token）。
简述：Spring boot+Vue 前后端分离项目部署，主要采用docker容器部署方式。Springboot项目部署：docker构建mysql环境+docker构建项目自身环境。Vue项目：使用docker启动nginx服务器方式代理部署。
分离后的前端，不再是一个简单的HTML文件，已经是一个独立的应用系统。除了要考虑页面的数据渲染展示，还要用工程化的思想来考虑前端的架构，前后端的交互和数据安全等事情。
Vue,Django前后端分离,开发Openstack(五)Django,Vue前后端交互方法
1、后端跨域问题。如果遇到跨域需要自己网上找配置，我的没遇到，可能是因为我在django的settings中配置了跨域。
2、前后端分离的概念就是“调接口与前端展示数据跟数据交互”，后端给前端专门写接口，至于数据格式自己定，如果处理的好未必一定说是要用json，只是json是目前数据交互上比较好的。
3、解决方法：将 vue 工程文件夹在 INSTALLED_APPS 里面注册下就行。
4、因为继承了 django 的 View 类，所以在默认情况下，会自动根据请求类型映射该类中对应的请求方法。
5、交互形式 代码组织形式 开发模式与流程 1 交互形式 前后端不分离 后端将数据和页面组装、渲染好了之后，向浏览器输出最终的html；浏览器接收到后会解析html，解析引入的css、执行js脚本，完成最终的页面展示。
vue3可以用于前后端不分离吗
Vue.js与其他框架的区别？ 与AngularJS的区别 相同点： 都支持指令：内置指令和自定义指令。 都支持过滤器：内置过滤器和自定义过滤器。 都支持双向数据绑定。 都不支持低端浏览器。
前后端分离就是后端把数据都封装在一个url地址中，前端只要用ajax去请求就行。不用框架也能实现分离。vue angular是为开发效率而生的。
优点：性能好 简单易用 前后端分离 单页面应用用户体验好 缺点：vue是做单页应用的，多页应用虽然也可以做，但是不够灵活。
以后基本上所有的网页都会用前后端分离的架构，但是现在一般的公司还是前后端混合开发，还得看你想去的公司是怎么样的的，大公司的话为了开发效率基本上所有都是前后端分离了，所以并不是说你还要去学vue这些前端的东西。
你都说了是前后端分离，就不需要把vue嵌套php代码里。前后端用纯接口交换数据，找后端同事定义好restful接口，清楚返回的数据结构，接下来前端这块你就可以自己mock数据进行开发了。
vue前后端在两个文件夹里面,怎么关联上的?
上一节在Flask目录下，新建了前端Vue项目。这节是Vue与Flask的关联。编译完成后，我们会在vue文件夹下得到dist文件夹（上上图中输出目录的设置），里面放置的就是编译好的前端文件。
vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。
一般情况下，vue通过异步请求来获取数据。由于实例化vue时已经将相关的变量、模板等定义好了。 当获取到thinkphp回传的数据后，将会自动的把数据对应的呈现在网页上。