欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue proxyTable配置多个接口地址,解决跨域的问题

程序员文章站 2022-06-16 18:49:53
最开始的时候,因为请求后台出现跨域问题。查找资料配置proxytable,解决跨域问题。如下图所示:axios请求页面:后面遇到需要连接不同的接口域名,我在proxytable里增加了一个apigas...

最开始的时候,因为请求后台出现跨域问题。

查找资料配置proxytable,解决跨域问题。如下图所示:

Vue proxyTable配置多个接口地址,解决跨域的问题

axios请求页面:

后面遇到需要连接不同的接口域名,我在proxytable里增加了一个apigas。axios请求存在获取得到api但是不能获取apigas(提示请求资源不存在)。

查找了很多资料都没有具体的解决方法,偶然在一个相同的问题下发现一个回复,让把这两个链接位置换一下,抱着试一试的态度换了,重新运行,结果两个都可以获取了。不知道什么原理???有知道的请指教!!!

正解:

补充知识:vue里的proxytable解决跨域,api接口管理

本文单纯的介绍vue项目中接口的集中管理以及跨域的解决方法。

1.webpack里的proxytable设置跨域:config->index.js

2.设置api

2.1文件目录

Vue proxyTable配置多个接口地址,解决跨域的问题

2.2 api.js 编码

3.组件中引用

以上这篇vue proxytable配置多个接口地址,解决跨域的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。