Vue proxyTable配置多个接口地址,解决跨域的问题
程序员文章站
2022-06-16 18:49:53
最开始的时候,因为请求后台出现跨域问题。查找资料配置proxytable,解决跨域问题。如下图所示:axios请求页面:后面遇到需要连接不同的接口域名,我在proxytable里增加了一个apigas...
最开始的时候,因为请求后台出现跨域问题。
查找资料配置proxytable,解决跨域问题。如下图所示:
axios请求页面:
后面遇到需要连接不同的接口域名,我在proxytable里增加了一个apigas。axios请求存在获取得到api但是不能获取apigas(提示请求资源不存在)。
查找了很多资料都没有具体的解决方法,偶然在一个相同的问题下发现一个回复,让把这两个链接位置换一下,抱着试一试的态度换了,重新运行,结果两个都可以获取了。不知道什么原理???有知道的请指教!!!
正解:
补充知识:vue里的proxytable解决跨域,api接口管理
本文单纯的介绍vue项目中接口的集中管理以及跨域的解决方法。
1.webpack里的proxytable设置跨域:config->index.js
2.设置api
2.1文件目录
2.2 api.js 编码
3.组件中引用
以上这篇vue proxytable配置多个接口地址,解决跨域的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: centos6搭建gitlab的方法步骤
下一篇: 在Linux上识别同样内容的文件详解
推荐阅读
-
使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
-
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
-
Vue-cli proxyTable 解决开发环境的跨域问题详解
-
解决vue+webpack项目接口跨域出现的问题
-
Vue proxyTable配置多个接口地址,解决跨域的问题
-
使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
-
Vue-cli proxyTable如何解决开发环境的跨域问题
-
VUE项目解决用vue-reource跨域请求接口的问题
-
Vue-cli proxyTable如何解决开发环境的跨域问题
-
Vue的proxyTable解决跨域问题