Vue---跨域问题及解决

跨域问题

同源策略：是浏览器的一种安全协议，协议、主机、端口号必须保持一致

解决跨域问题：

1. 后台直接放开（不安全）
2. JSONP（利用script标签中src属性不受同源策略的影响，需要后端配合）
3. 配置代理

• 在vue.config.js离有一个devServer属性

devServer:{

proxy:{

'/course-api':{ 代理名称

target:'https//', 代理的地址

changOrigin:true, 是否跨域

pathRewrite:{ 路径重写

'^/course-api':''

}

}

}

}

计算属性：computed

• 使用：和data、methods平级

• • computed:{计算的属性(){}}
  • computed:{计算的属性:{get(){},set(){}}}

监听属性：watch

• 使用：和data、methods平级

• • watch:{监听的属性(newVal,oldVal){}}
  • wacth:{监听的属性(newVal,oldVal){},immediate:true(立即监听),deep:true(深度监听)}

监听属性和计算属性的区别：

• 计算属性：结果会被监听，当它以来的响应式数据发生改变的时候才会重新计算
• 监听属性：当监听的数据发生改变的时候，就会触发监听