VUE节点（快速)实现前后端分离

某视频剪辑软件作为前端的框架，节点（快速)作为后端的框架。无数据库，使用端口保存数据VUE:

使用脚手架构建某视频剪辑软件项目(vueapp)。

新公共管理安装-g vue-cli(安装，安装过的就不用了)vue init webpack vueapp

axios:(与创建交互式、快速动态网页应用的网页开发技术相似)

从axios ' var URL=' http://localhost :3000 '/express导入爱可信服务器的地址axios.get(url '/product') //放数据的接口。然后（函数（响应){ //收到的数据console.log(响应);控制台。日志(响应。数据)；//展示数据（看看是否拿到，和数据长啥样)var nodeData=response.data})。捕捉(函数)(错误){ console.log(错误);[在这里插入图片描述】(https://img-blog。csdnimg。cn/20191013132943460。jpg)})；

爱可信没安装的记得装一下。(安装不细说)

节点（快速):启动新公共管理启动

使用表达构建服务器

新建个应用放expressnpm安装快速

在（路线文件夹中)建一个射流研究…产品接口

var express=require(' express ')；//使用expressvar路由器快递.路由器();//放数据/*获取主页*/router.get('/'，function (req，res，next) { var data={ code: 0，data: { name: 'aaa '，pwd: '123' }，isSuccess: true，msg: '请求成功} res.json(数据);});module.exports=路由器；

app.js(建立接口存放数据)

var productRouter=require(' ./路线/产品');app.use('/product '，ProductRouter)；

最后服务器数据有了！VUE前端接收数据的链接也有了！但还是没办法链接！这就是跨域的问题！

跨域：

1.端口不同http://localhost:3000和http://localhost:8080

2.网址不同www.baidu.com和www.aiqiyi.com

3.ip和网址不同http://localhost:3000和http://127.0.0.1

反正除非同个网址里面，只有目录不同，才不用跨域。

开始解决！

expressapp.js

//跨域问题解决方面const CORS=require(' CORS ')；app。使用(CORS({ origin :[' http://localhost :8080 ']，methods:['GET '，' POST']，})；//跨域问题解决方面app.all('* '，function (req，res，next){ RES . header(' Access-Control-Allow-Origin '，' http://localhost :8080 ')；res.header('访问控制-允许-头','内容类型');res.header('访问控制-允许-方法、“放、贴、拿、删、选”)；next()；});

克-奥二氏分级量表需要安装，是一个依赖。

结果：服务器（快递):3000接口数据

搞定了，以上就是本次介绍的全部知识点，感谢大家的学习和对我们的支持。