Vue3设置Proxy代理解决跨域问题
更新时间：2022年05月25日 10:27:27 作者：李木子~
这篇文章主要介绍了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后面
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了html中创建并调用vue组件的几种方法汇总，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-11-11
这篇文章主要介绍了vue 监听变量值的实时变动 watch,使用字符串形式的侦听器函数,还有一种是使用函数形式的侦听器函数,本文通过示例代码介绍的非常详细,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了vue-cli3中vue.config.js配置教程，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
watchEffect，它立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数，本文主要介绍了Vue3中watchEffect的具体用法，感兴趣的可以了解一下2022-05-05
这篇文章主要给大家介绍了关于vue中slot（插槽）的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用vue具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
Vue表单绑定的实例代码（单选按钮,选择框（单选时,多选时,用 v-for 渲染的动态选项）
本文通过实例代码给大家介绍了Vue表单绑定（单选按钮，选择框（单选时，多选时,用 v-for 渲染的动态选项）的相关知识，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了Vue Vuex搭建vuex环境及vuex求和案例分享， Vue 中实现集中式状态管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理，下文相关介绍,需要的朋友可以参考一下2022-04-04
这篇文章主要给大家介绍了关于vue中适配px2rem的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
这篇文章主要介绍了如何处理vue router 路由传参刷新页面参数丢失，对vue感兴趣的同学，可以参考下2021-05-05
有时候 vue 无法监听到数据的变化,导致数据变化但是视图没有变化,也就是数据更新了,但在页面上没有显示出来,所以本文给出了三种解决方法,通过代码示例介绍的非常详细,需要的朋友可以参考下2023-12-12
最新评论