關於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 大功告成

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章