vue-simple配置跨域

网上查了一堆都不好使 然后自己试了半天 发现突然就可以用了
修改webpack.config.js文件

 devServer: {
    historyApiFallback: true,
    hot: false,
    inline: true,
    progress: true,
    noInfo: true,
    overlay: true,
    proxy: {
      '/apis/*': {//匹配根路径
        target: 'https://api.myjson.com',//跨域要访问的地址及端口
        host: "0.0.0.0",
        https: true,
        secure: false, changeOrigin: true, ws:true,
        pathRewrite:{
          '^/apis':'https://api.myjson.com'
        }
      }
    },
  },

404问题主要是target和 pathRewrite 没写对
pathRewrite 主要是替换localhost替换为相对的接口
target 也是必须写成对应的接口前缀

下面是请求

fetch("/apis/bins/mlh7v",
      {
         methods:'get'
         
      }).then(result=>{
         console.log(result);
      });
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值