关于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 大功告成

你可能感兴趣的:(异常处理)