学习--解决跨域
vue中的data是一个对象还是函数组件里面尽量写函数:每次return都是新对象,组件互相不影响。对象,复杂类型,这样写,所有导入组件的 会引起冲突。域名 协议 ip地址 端口 任何一个不一样 就跨域解决跨域1 jsonp --使用script的src发送,只能get请求<script src="http://www.baidu.com/abc.php"></script>
·
vue中的data是一个对象还是函数
组件里面尽量写函数:每次return都是新对象,组件互相不影响。
对象,复杂类型,这样写,所有导入组件的 会引起冲突。
域名 协议 ip地址 端口 任何一个不一样 就跨域
解决跨域
1 jsonp --使用script的src发送,只能get请求
<script src="http://www.baidu.com/abc.php"></script>
//发送请求 给abc.php
//jsonp就是script src
2 cors 后台设置允许跨域 需要后台设置 允许跨域
所有后台语言 都可以设置
3: 服务器代理
现在vue框架,可以自己设置服务器代理的proxy
配置就可
vue.config.js可以配置重写webpack
vue.config.js
module.exports={
//配置之后进行重启 这个配置就是 vue脚手架帮你开启了一个隐藏的服务器,帮你转发了
proxy: {
//如果你的地址以/api开头,她就会请求到http://192.168.6.65:80/
'/api': {
target: 'http://192.168.6.65:80/',
//ws: true,
changeOrigin: true, //若为true,本地会虚拟一个服务端接收你的请求并代你发送该请求。
pathRewrite: {//如果接口中是没有api的,那就直接置空(如上)如果接口中有api,就需要写成{'^/api':'/api'}
'^/api': '' //重定向代理的路径,把/api替换为空字符串
}
},
},
}
更多推荐
已为社区贡献2条内容
所有评论(0)