微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

webpack 设置跨域代理 vue设置代理

Webpack Dev Server 代理 API

我们的开发项目一般运行localhost:8080 但后端的接口部署在同源地址下,生产环境没问题,但是本地就不行了

在这里插入图片描述

不是任何情况后端都支持跨域

在这里插入图片描述

proxy是一个对象,每个属性都是代理规则

在这里插入图片描述

在这里插入图片描述

上面的changeOrigin,可以看看http

在这里插入图片描述

此时就被代理到了 git的用户接口了

在这里插入图片描述

 devServer: {
        contentBase:'./public',
        proxy: {
            '/api': {
              // http://localhost:8080/api/users -> https://api.github.com/api/users
              target: 'https://api.github.com',
              // http://localhost:8080/api/users -> https://api.github.com/users
              pathRewrite: {
                '^/api': ''
              },
              // 不能使用 localhost:8080 作为请求 GitHub 的主机名
              changeOrigin: true
            }
          }
    },

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐