vue設置跨域+php

前端跨域現在變得越來越簡單了,但是一不下心還是會出錯的,今天嘗試了一下在本地搭建服務器,使用vue來進行請求一下,沒想到原本很簡單的東西還是會出現一些問題。
下面記錄一下正確的寫法

vue設置跨域一般都是下面這樣的:

proxyTable: {
      '/api':{
        target: 'http://127.0.0.1:80',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        },
      }
}

請求的時候:

this.$axios.get('/api/citest/index.php/Welcome', {
    params: {
      ID: 12345
    }
  }).then(res=>{
    console.log(res);
  })

前端8080端口,後端80端口
前提是,在後端輸入http://127.0.0.1:80/citest/index.php/Welcome是可訪問的
對照上面的配置我們可以知道:
如果後端接口爲http://127.0.0.1:80/citest,那麼我們可以寫成/api/citest

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