失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue-cli开发环境实现跨域请求办法

vue-cli开发环境实现跨域请求办法

时间:2020-07-02 22:11:48

相关推荐

vue-cli开发环境实现跨域请求办法

web前端|js教程

vue-cli,请求,实现

web前端-js教程

本篇文章主要介绍了vue-cli开发环境实现跨域请求的方法,现在分享给大家,也给大家做个参考。

优惠卷购物系统源码,装ubuntu时候dhcp,py爬虫 中文乱码,sbindir php,seo 违规词lzw

前端开发时,请求后台接口经常需要跨域,vue-cli实现跨域请求只需要打开config/index.js,修改如下内容即可。

java抢购源码,vscode combo,ubuntu字体太小,tomcat拓扑,sqlite 命令模式,服务器防火墙80端口,微会员插件,前端技术框架大全,网络爬虫源代码,php教程 知乎,24seo,企业网站设计代码,淘宝html网页特效,kommentar 模板,html5 禁止页面被拉动,php简单学生信息管理系统源码,wcf编写聊天程序lzw

//例如要请求的接口url为http://172.3.2.1:8000/look/1module.exports = { dev:{ proxyTable:{/api:{ target: http://172.3.2.1:8000, changeOrigin: true, pathRewrite: { ^/api: \ }} } }}

这时在你想请求接口的url处,输入/api/look/1 即可实现跨域请求。

bootstrap.js源码分析,ubuntu怎么打开xz,tomcat全局线程限制,wps爬虫数据,查询源码php,秀山低成本seo推广费用是多少lzw

这时如果打开F12会发现请求的url是localhost:8080/api/look/1,这其实是虚拟从本地请求数据,这样就不会有跨域的问题产生了。

一般情况下上面的方法是没有问题的,要是上面的方法行不通,可以试试这样写:

//例如要请求的接口url为http://172.3.2.1:8000/look/1module.exports = { dev:{ proxyTable:{/look:{ target: http://172.3.2.1:8000, changeOrigin: true, pathRewrite: { ^/look: /look }} } }}

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

ajax读取properties资源文件数据的方法

Ajax方式实现定期更新页面某块内容的方法

Ajax获取响应内容长度的方法

如果觉得《vue-cli开发环境实现跨域请求办法》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。