前端开发时,请求后台接口经常需要跨域,vue-cli实现跨域请求只需要打开config/index.js,修改如下内容即可。
module.exports = {
dev:{
proxyTable:{
'/api':{
target: 'http://172.3.2.1:8000',changeOrigin: true,pathRewrite: {
'^/api': ''
}
}
}
}
}
这时在你想请求接口的url处,输入/api/look/1 即可实现跨域请求。
这时如果打开F12会发现请求的url是localhost:8080/api/look/1,这其实是虚拟从本地请求数据,这样就不会有跨域的问题产生了。
一般情况下上面的方法是没有问题的,要是上面的方法行不通,可以试试这样写:
module.exports = {
dev:{
proxyTable:{
'/look':{
target: 'http://172.3.2.1:8000',pathRewrite: {
'^/look': '/look'
}
}
}
}
}
这时在你想请求接口的url处,输入/look/1 即可实现跨域请求。
详情:https://vuejs-templates.github.io/webpack/proxy.html
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
原文地址:https://www.jb51.cc/vue/32868.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。