利用node + webpack + webpack-dev-server代理接口跨域。
在开发环境下,由于vue渲染服务和接口代理服务都是webpack-dev-server同一个,所以页面与代理接口之间不再跨域,无须设置headers跨域信息了。
webpack.config.js部分配置:

module.exports = {
                  entry: {},
                  module: {},
                  ...
                  devServer: {
                      historyApiFallback: true,
                      proxy: [{
                          context: '/login',
                          target: 'http://www.domain2.com:8080',  // 代理跨域目标接口
                          changeOrigin: true,
                          cookieDomainRewrite: 'www.domain1.com'  // 可以为false,表示不修改
                      }],
                      noInfo: true
                  } }

推荐一个总结的很好的网址:

https://www.cnblogs.com/roam/p/7520433.html

Logo

前往低代码交流专区

更多推荐