发表于: 2017-04-19 22:21:54
1 1250
今天完成的事情:上午在网上寻找了多篇nginx配置跨域的知识帖子,了解了nginx.conf中events、http中各条代码的含义。并仿照帖子中配置跨域的实例,复制了接口中的location代码,放到sever的location/{}后边,添加了注释。然后查看《Javascript高级程序设计》中关于跨域部分的教材,照虎画猫地完成了相关的代码编写,并进行了调试,遇到了一些问题,后来通过和师兄弟们探讨,完成了javascript跨域的实现,返回了验证信息。下午开始学习jquery的方法进行跨域,看的是《锋利的jquery》,看完后也是照书上的代码,使用最底层的$.ajax()完成了相关的代码编写,并求证师兄弟们自己代码的正确性,然后进行了调试,边修改,最终成功地返回了验证信息。
明天计划的事情:开始任务6的学习和静态页面的编写,找找较好的Anguler.js的教程进行学习。
遇到的问题:
第一,开始对如何在nginx中配置反向代理的跨域不了解,后来通过在网上找相关的帖子,看来近10篇,总结了一下里头的共同点,对跨域有了一些了解,对nginx实现跨域也有了初步的认识,然后找到自己安装nginx的文件,nginx.conf里按照帖子中的案例对配置进行调整,又找到了接口网页中的配置信息,原来复制粘贴就可以,添加了相关的注释。让师兄查看是否正确。得到肯定答复后进行下一步。
第二,配置好nginx反向代理后,开始学习怎么用javascript实现跨域的动作,回想了昨天看书的内容,也是照着书上的例子写了一通。开始也是在开发者工具中报错,后来找师兄弟寻求经验和解决方法,在他们的指导下,修改了一些代码,尤其是信息头没有写,又补上的。然后将返回的信息(JSON数据)解析成可识别的对象,从中抽取message,添加到html的页面中。
第三,下午开始尝试使用jquery的方法去实现跨域的处理。看完了《锋利的jquery》后,也是云里雾里的,就照着书上的例子,进行了相关位置的修改。写完了没信心,就先验证了一下,没有成功,就去找师兄查看,看看哪里出问题了,原来是使用最底层的$.ajax()方法没有写type,也没有写dataType,出现了一些问题,修改之后就正常了。和js不同的是,jquery的方法并没有要解析JSON数据,直接写message的信息就行,这个一点方便了很多,同时整体代码也比js少不少。
收获:学会了配置nginx反向代理跨域的知识,学会了使用js和jquery进行简单的跨域,返回了验证信息。附上今天的成果!
评论