Vue跨域问题解决方案

• 服务器相关: 跨域

  • 前后端分离项目: 前端 和 后端 代码往往存储在不同的服务器上, 不同的服务器之间进行交互时, 浏览器的同源策略 默认会阻止, 认为不安全
  • 解决方案:
    • cors: 最推荐, 由服务器来独立完成
      • 原理: 为所有接口添加响应头, 添加上 允许访问的白名单即可
      • app.all('*', (...)=>{ res.header('....', '*' ) })
    • proxy: 适合接口服务器无法添加cors 的场景
      • 借鉴其他网站的接口, 学习使用
      • 用express服务器做代理用途: 帮助发送请求获取数据
    • jsonp

• Vue

  • vue的自动化原理: 监听对象属性的赋值操作, 在赋值时自动更新相关DOM

  • 语法:

    new Vue({
        el: '#app', //管理 id=app 的元素
        data: {}, //存放自定义的数据
        methods: {} //存放自定义的方法
    })
    

  • 插值语法: {{}}

    • 书写在 双标签内容中, 其中是JS代码

  • 事件绑定: @事件名="方法"

  • 属性: :属性名="JS代码"

提前下载资源

链接：https://pan.baidu.com/s/10oVRMBaEDL9uQSB1Jrrc3w 
提取码：6666