发表于: 2019-07-16 23:58:10

1 875


今日完成:

 将js任务五完成

今日收获:

1 了解了nginx的反向代理:

今天在配置反向代理的时候,意识到自己对nginx里面的东西并不是很理解,

所以今天在配置的时候出现了各种错误,这是今天第一次配置的参数,

后来经过师兄的提醒我修改了最终参数,参数如下:

   #gzip  on;

   server {
       listen       4200;
       server_name  local.jnshu.ptteng.com;

       #charset koi8-r;

       #access_log  logs/host.access.log  main;

       location / {
           root   E:\localhost;
           index  jstask5.html ;
       }
       location /carrots-admin-ajax/{
           proxy_pass http://dev.admin.carrots.ptteng.com/;
       }
       #error_page  404              /404.html;


首先是端口问题:

80以下的端口极容易被卡住,使得页面迟迟刷新不出来

当我们需要查看效果的时候,直接在浏览器输入框内输入localhost加端口即可

比如之前一直没搞懂的问题:为什么页面没有跳转,反而是将所传递的参数传到了文件后面?

现在才知道,我实在源码上直接操作的,正常情况是通过在浏览器输入框内输入localhost加端口,

将nginx反向代理出来的页面显示出来,然后在代理页面进行操作。


其次,root后面表示的是自己写的页面代码的路径,而不是照着抄的

最后:

location /carrots-admin-ajax/{
           proxy_pass http://dev.admin.carrots.ptteng.com/;
       }

这一行是重中之重,它表示当页面开始传递参数的时候,遇到/carrots-admin-ajax/此路径,

那么nginx就会将其修改为proxy_pass后面的值

之所以要这样配置,是因为同源协议,只能在同源内传递参数,而如果跨页面且不同源的时候,

那么浏览器就会自动报错


2 了解了通过浏览器观察页面资源的下载情况,从而来判断页面是否已经传递参数

如图所示,通过观察页面资源,如果有新资源加载进来,那么这就意味者,参数已经传递过去了

3 了解了post和get的 最直接的区别

比如这次的任务五,使用的方法是post方法,当页面成功跳转的时候,我们可以明显发现


当我们点击后退键的时候是没有效果的,页面中相当于跳转之后就失去了原来的缓存





返回列表 返回列表
评论

    分享到