前端跨域現在變得越來越簡單了,但是一不下心還是會出錯的,今天嘗試了一下在本地搭建服務器,使用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