什么是跨域？

跨域，指瀏覽器不能執行其他瀏覽器的腳本，他是由瀏覽器的同源策略造成的。是瀏覽器對javaScript實施的安全限制。

同源指，域名、協議、端口統一一致。

解決的方案：

對于使用vue的同學來講，目前使用vue框架時，經常遇見跨域的問題，在項目時如果后端沒有給我們解決跨域，就需要我們自己去配置跨域的文件。

在vue的根目錄里新建 vue.config.js 文件，通過代理的方式解決跨域的問題，保存再啟動項目即可。

//暴露對象 module.exports = {//服務器代理devServer: { //代理proxy: {//配置名稱'/api': {// 你要訪問的目標地址target: 'http://127.0.0.1:8000/', //允許跨域changeOrigin: true,//路徑重寫pathRewrite: {'^/api': '' // 需要重寫的地址}}}} } //多路由域名的代理，復雜寫法： module.exports={devServer: {//代理proxy: {//配置名'/api': {//代理地址，目標服務器target: 'http://localhost:3000',changOrigin:true},'/captcha': {//代理地址，目標服務器target: 'http://localhost:3000'},'/register': {//代理地址，目標服務器target: 'http://localhost:3000'},'/login': {//代理地址，目標服務器target: 'http://localhost:3000'},}} }

建議前端開發的小伙伴們，請求數據時配置一下config.js文件，有時后端人員忘記處理跨域了，我們也可以獲取到數據請求。

總結

以上是生活随笔為你收集整理的如何vue跨域的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。