zoukankan      html  css  js  c++  java
  • Django day32 跨域问题,创建vue项目,axios的使用

    一:跨域问题

      1、同源策略(浏览器的安全策略)
        只允许当前页面朝当前域下发请求,如果向其他域发请求,请求可以正常发送,数据也可以拿回,但是被浏览器拦截了
      2、cors:只要服务器实现了CORS,就可以实现跨域资源共享
      (1)简单请求
        只发一次请求
      (2)非简单请求:
        发两次请求:一次预检(OPTION请求),只有服务端允许发请求,才能继续发第二次正常请求,一次真正的请求
      3、服务端如何处理:
      (1)写在中间件中:

    from django.utils.deprecation import MiddlewareMixin
    class MyCorsMiddle(MiddlewareMixin):
        def process_response(self,request,response):
            # 简单请求:
            # 允许http://127.0.0.1:8001域向我发请求
            # ret['Access-Control-Allow-Origin']='http://127.0.0.1:8001'
            # 允许所有人向我发请求
            response['Access-Control-Allow-Origin'] = '*'
            if request.method == 'OPTIONS':
                # 所有的头信息都允许
                response['Access-Control-Allow-Headers'] = '*'
            return response

      (2)在setting中配置中间件即可

    二:创建vue项目 

    1、创建vue项目:
      (1)安装node.js
      (2)vue脚手架
      (2)项目名字:vue create 
      (4)pycharm开发vue项目:
        需要安装vue.js插件
        setting--->plugins--->左下方install---->去搜索---->下载--->重启
      (5)运行vue项目
        editconfigration--->+--->npm--->run serve

    2、vue目录结构:

      node_modules:项目依赖(以后项目要传到git上,这个不能传)
      publish--->index.html 是总页面
      src:项目
      assets:静态资源
      components:组件
      views:视图组件
      APP.vue:根组件
      main.js :总的入口js
      router.js :路由相关,所有路由的配置,在这里面
      store.js :vuex状态管理器
      package.json:项目的依赖,npm install 是根据它来安装依赖的

    3、每个组件会有三部分:

      (1)template
      (2)style
      (3)script

    三:axios的使用

  • 相关阅读:
    关于silverlight打印模糊的问题
    Microsoft Office Excel 不能访问文件及COM无法访问
    IE8 下 select option 内容过长 , 展开时信息显示不全解决办法
    如何用css做一个细虚线边框表格
    DIV 垂直 垂直水平 居中
    Ul li 横排 菜单
    对原生js的一些小尝试
    Nodejs学习笔记——Assert(断言)
    Octopress创建GitHub Pages——基于代码托管的静态博客
    JS倒计时器一只,顺便复习javascript时间相关函数
  • 原文地址:https://www.cnblogs.com/zedong/p/10191805.html
Copyright © 2011-2022 走看看