vue配置代理实现ajax请求

最新推荐文章于 2024-09-06 09:19:12 发布

原创最新推荐文章于 2024-09-06 09:19:12 发布 · 912 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #ajax #跨域

vue 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在项目中配置代理及解决跨域问题。通过修改config文件夹下的index.js文件，向导出的模块对象中的dev属性添加proxyTable配置，实现对特定路径的请求代理，并支持跨域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改项目中config文件夹下的index.js，向导出的模块对象中的dev属性对象添加如下属性

proxyTable: {
      '/api':{  //匹配所有以'/api'开头的请求路径
        target: 'http://localhost:4000',  //代理目标的基础路径
        changeOrigin: true,               //支持跨域
        pathRewrite: {//重写路径，去掉路径开头的'/api'
          '^/api': ''
        }

      }
    }