为什么会跨域?
- 是由于浏览器的同源策略限制,是浏览器的一个保护机制,隔离一些恶意的文件数据
如何解决跨域
- Jsonp
- 利用script标签不受浏览器同源策略限制,动态生成script标签给服务器传递一个回调函数名,服务器配合插入参数返回该函数的执行,客户端拿到数据
- 缺点:需要服务器配合,请求接口较多,代码较冗余,且script标签只能发送get请求,请求局限性较大
- cors跨域资源共享
- 服务器配置相应头Origin字段,可以设置请求IP白名单
- webpack配置代理服务器
- 在vue.config.js文件中配置devserver
- 项目上线时可以配置nginx反向代理