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

如何使用vue-cli开发环境实现跨域请求

时间:2022-09-12 22:13:34

相关推荐

如何使用vue-cli开发环境实现跨域请求

web前端|js教程

vue-cli,跨域请求,vue,cli,跨域

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

chromium内核源码,vscode优点用途,ubuntu超级用户的用户名,tomcat做计算,sqlite 转换日期格式,niucms插件,好用的前端菜单框架,爬虫网站上不去,php与java的比较,句容优化seo,基金网站 源码,时时彩网页源码,程序员的个人博客模板下载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 即可实现跨域请求。

百度商桥源码,ubuntu更新下载很慢,tomcat性能怎么样,最速写爬虫,群晖docker 安装php,seo接lzw

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

学历招生网站源码,ubuntu系统切换语言,爬虫脚本怎么用,php如何判断字符串存在于数组,重庆seo报价lzw

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

//例如要请求的接口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 }} } }}

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

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

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