vue2.0使用http-proxy-middleware代理解决跨域的问题

最新推荐文章于 2025-02-21 23:43:22 发布

小破孩呦

最新推荐文章于 2025-02-21 23:43:22 发布

阅读量2k

点赞数

分类专栏：前端开发知识 Vue总结

本文链接：https://blog.csdn.net/qq_38543537/article/details/103163961

版权

前端开发知识同时被 2 个专栏收录

81 篇文章

订阅专栏

Vue总结

55 篇文章

订阅专栏

现在项目中安装 http-proxy-middleware 安装方法如下：

npm install --save-dev http-proxy-middleware

然后在config/index.js中配置http-proxy-middleware本地代理

dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    // 在proxyTable里边进行配置
    proxyTable: {
      '/api': {
        target:'http://127.0.0.1:8080', // 这里是你的域名地址
        changeOrigin:true,
        pathRewrite:{
          '^/api': ''
        }
    }
},

解析：

1、target 的参数就是你要访问的服务器地址, 你在代码里面写/api就等于写了这个地址 , 比如我要访问http://127.0.0.1:8080/api/login这个接口在代码里面只需写/api/login就可以了