本文目录一览：
vue项目前后端如何联调?
在/home/www/test文件夹下创建项目根目录php文件夹，将thinkphp文件放在php下。TP5的入口文件在public文件下，在这将public下的入口文件index.php挪到php文件夹下（个人习惯将入口文件放在项目根目录），后端绑定Index模块。
在Vue新手王小闰的公司项目中，前后端分离架构下进行接口联调的过程显得尤为重要。首先，前端与后端团队合作确定数据接口，然后在前端独立开发vue项目，如无官方脚手架，他从零开始搭建工程结构。当首页开发完成，王小闰希望测试后端数据，但接口未开发，他只好用mock数据替代，这涉及mock数据和接口联调的问题。
javaweb和vue关系vue可以打包生成静态的资源文件（html，css，js，png等），可以直接放到javaweb项目的webapp里面，不会有跨域问题。这种都是前后端分离的开发方式。后端只用提供返回json格式的接口的就可以了。后端没什么适合不适合的。Vue和任何MVC框架都能配合的很好。
在Vue项目中，前后端通常在不同的文件夹中，可以通过配置webpack或者proxy实现前后端的联调。如果使用webpack，可以在vue.config.js文件中进行配置。
vue和Django数据交互(vuejs与后端交互)
django-restful：与前端vue接口对接django-suit后台管理样式崩了，需要改，但是api可以正常访问，这个有空再说我开始后台监听的是8008端口，vue前端监听的是80端口，这样前端显示好看。因为客户端传递过来的数据是json数据，可以看成一个json对象。
在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以vue官方也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。
编写mock.js文件，实现数据模拟。完成后，运行npm命令，访问项目。接着，搭建后端部分，这里以Django REST Framework为例。执行命令创建后端Demo。调整settings.py文件，设置后端API，并启动Django服务。在前端访问后端API，编写测试代码，确保数据正确。
vue菜鸟从业记:公司项目里如何进行前后端接口联调
在Vue新手王小闰的公司项目中，前后端分离架构下进行接口联调的过程显得尤为重要。首先，前端与后端团队合作确定数据接口，然后在前端独立开发vue项目，如无官方脚手架，他从零开始搭建工程结构。当首页开发完成，王小闰希望测试后端数据，但接口未开发，他只好用mock数据替代，这涉及mock数据和接口联调的问题。
在/home/www/test文件夹下创建项目根目录php文件夹，将thinkphp文件放在php下。TP5的入口文件在public文件下，在这将public下的入口文件index.php挪到php文件夹下（个人习惯将入口文件放在项目根目录），后端绑定Index模块。
打开https：//natapp.cn/。填写后端接口。下载客户端，打开natapp.exe，运行natapp-authtoken=457e7ed5590b5677。打开config/index.js。打开build/base.config.js，添加disab1eHostCheck：true代码。打开映射后的地址，即可到达后端接口。
在Vue项目中，前后端通常在不同的文件夹中，可以通过配置webpack或者proxy实现前后端的联调。如果使用webpack，可以在vue.config.js文件中进行配置。
javaweb和vue关系vue可以打包生成静态的资源文件（html，css，js，png等），可以直接放到javaweb项目的webapp里面，不会有跨域问题。这种都是前后端分离的开发方式。后端只用提供返回json格式的接口的就可以了。后端没什么适合不适合的。Vue和任何MVC框架都能配合的很好。
后端项目创建与完善通过Spring Initializr创建后端项目，选择17版本以兼容较低的JDK要求。创建后，可能会遇到依赖下载问题，这时可以尝试关闭并重新打开项目。运行后，访问localhost：8080，验证项目是否正常启动。前后端项目结合与测试前后端通信基于Restful API的JSON数据。
