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

vue調取接口的時候出現跨域

console ole 什麽是 先來 script 什麽 con 說了 tle

在寫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) })

vue調取接口的時候出現跨域