1. 程式人生 > >vue調取介面的時候出現跨域

vue調取介面的時候出現跨域

在寫vue專案調取介面的時候出現了跨域問題,先來說一下什麼是跨域吧

跨域:指的是瀏覽器不能執行其他網站的指令碼。它是由瀏覽器的同源策略造成的,是瀏覽器對JavaScript施加的安全限制。

所謂同源是指,域名,協議,埠均相同(這些不說了,可自行百度)

下面來說一下解決辦法,在這裡呢因為是vue專案我直接使用http-proxy-middleware 代理解決

下面直接修改config/index.js,在proxyTable中加入如下程式碼

proxyTable: {
'/api': { //使用"/api"來代替介面
target: 'http://39.105.10.194',
changeOrigin: true,//改變源
pathRewrite: {
'^/api': '/'
}
}}

使用axios請求資料時直接使用“/api”:
  axios.get('/api/banner', function (res) {      console.log(res)    })