vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue3设置Proxy解决跨域

Vue3设置Proxy代理解决跨域问题

作者:李木子~

这篇文章主要介绍了Vue3设置Proxy代理解决跨域问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

设置Proxy代理解决跨域

Proxy

Vue3当中的跨域解决方案还是跟Vue2差不多用的都是proxy,而且Vue3的双绑原理也是用的proxy来进行数据的拦截。

我们在V3当中创建完项目之后是没有vue.config.js文件的

我们需要手动在根节点去新建一个vue.config.js文件

在里面就可以做基本的配置了

如果需要做多个域名的跨域的话,就在proxy当中在多写一个api在里面的target中接着配置。

Vue3.0代理配置

vue2.0 时经常使用配置代理,proxyTable,如下图

3.0脚手架搭建项目后使用proxy,去掉了pathrewrite

两者的区别时 proxyTable 配置的代理/qrapi/会替换target里面的地址,而proxy配置的代理/api/会拼接在target后面

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文