跨域的最常用的三个解决方案分别是

今天总的来说有两个收获

1.知道了跨域的最常用的三个解决方案分别是

1.CORS解决跨域问题，这需要通过后端来解决，通过设置header头来通配。使服务器允许跨域请求接口数据，而前端正常使用axios请求方式。
2.通过JSONP的方式来解决跨域问题，从本质上来说，JSONP并不是一种请求而是一个脚本，正常的访问一个网址，只是传入了一个参数。
使用方法
前端安装jsonp插件
下载：npm i jsonp --save-dev
导入：import jsonp from “jsonp”
使用：jsonp(url,(err,res)=> {consle.log(res)}
3.通过接口代理的方式，通过修改nginx服务器的配置来实现。
使用方式，再通过vue.cil创建的项目，在最外层创建一个vue.config.js文件夹
再导入时因为使用的是node,js服务器所以使用modul.exports来导入，具体代码按如下


然后在部署服务器时进行配置就行。

2.通过学习element-ui来使用它们的组件，在使用过程中走了很多弯路，在使用时一定要考虑全面

1.第一先想自己要实现什么样的功能和样式，再通过已有的ui组件进行查询
2.仔细了解该组件的使用方式，结合自己现有的环境进行开发，避免很多无用功，导致时间的浪费。
3.最好能自己封装一个常用的组件，目前水平还没达到。