关于Vue-cli 跨域问题

先来看看官网

好了看完之后,我就去修改index文件,试试跨域方法,结果错误了

嗯,那我就在这里贴出我的写法

  • 第一种写法
 proxyTable: {
            '/public': {
            /*这里需要注意,
            1 需要写成http://ip地址+端口号,80可以不用写,
            2 你起的名字最好像我一样接口的最后一个单词 (public)
            3.'^/public':''
            */
                target: 'http://192.168.0.101:80/tp/public',
                changeOrigin: true,
                pathRewrite: {
                    '^/public': ''
                }
            }
        },
  • 第二种写法
 proxyTable: {
            '/public': {           
                target: 'http://192.168.0.101:80/tp',
                changeOrigin: true,
                pathRewrite: {
                    '^/public': ''
                }
            }
        },

好的,这里这个地方我们写完了,然后使用来,

我看了好几篇文章好像都是粘贴复制就没写使用的方式,好的,我这里放出我使用的方式“:

//这里需要注意的是/public/public/你的接口
 axios.get('/public/public/send')
      .then(response=>{
         console.log(response);
      })
      .catch(error=>{
          console.log(error);
      })

注意注意 : 你完成了上述部分 ,你会发现然而这并不管用,不是你写错了,大哥莫急,试试看关掉服务器重新开一下

在控制台只要敲下 npm run dev 或 npm run start 等服务器重新跑起来,重新调用接口,ok 大功告成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值