信息发布→ 登录 注册 退出

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

发布时间:2026-01-11

点击量:
目录
  • 设置Proxy代理解决跨域
    • Proxy
  • Vue3.0代理配置

    设置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后面

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

    在线客服
    服务热线

    服务热线

    4008888355

    微信咨询
    二维码
    返回顶部
    ×二维码

    截屏,微信识别二维码

    打开微信

    微信号已复制,请打开微信添加咨询详情!