7.23项目总结

今天总的来说有两个收获

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来导入,具体代码按如下
7.23项目总结
7.23项目总结
然后在部署服务器时进行配置就行。

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

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