溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
使用vue-cli調接口的時候，總是會出現垮與問題，因為vue的localhost與訪問域名不一致導致。而這一點，開發者顯然也想到了，故而在vuejs-templates，也就是vue-cli的使用的模板插件里，有關于API proxy的說明，這個配置就是將localhost映射成訪問的域名。
那么何為代理？
代理服務器英文全稱是Proxy Server，其功能就是代理網絡用戶去取得網絡信息。形象的說：它是網絡信息的中轉站。可以簡單粗暴理解為把你的域名轉換成你訪問的域名，（我這么記的，當然可能并不恰當）形成同源，就能訪問。
那么在vue里，如何設置代理？
1.config目錄找到index.js
2.在dev里添加proxyTable
dev: {
env: require('./dev.env'),
port: 8080,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api':{
target:"http://47.93.166.112/BrainPcWeb",//設置你調用的接口域名和端口號 別忘了加http
changeOrigin:true,
pathRewrite:{
'^/api':''//這里理解成用‘/api'代替target里面的地址，后面組件中我們掉接口時直接用api代替
//比如我要調用'http://40.00.100.133:3002/user/login'，直接寫‘/api/user/login'即可
}
}
}
這一步為止，你重新run一下vue已經不存在跨域問題了。
如果你想在main.js把api定義成全局變量也可以這樣，雖然多此一舉。代碼如下：
Vue.prototype.HOST = '/api' //這時，你的/api/user/login就可以換成this.HOST/user/login
但是注意了
這只是開發環境（dev）中解決了跨域問題，生產環境中真正部署到服務器上如果是非同源還是存在跨域問題
部署到服務器上跨域解決問題，以后項目布置會繼續更新。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
