本篇內(nèi)容主要講解“vue2.0跨域問題怎么解決”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“vue2.0跨域問題怎么解決”吧!

十載專注成都網(wǎng)站制作，企業(yè)網(wǎng)站設(shè)計(jì)，個(gè)人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站設(shè)計(jì),高端網(wǎng)頁制作,對成都水泥攪拌車等多個(gè)方面，擁有多年設(shè)計(jì)經(jīng)驗(yàn)。

一種解決方案：

一般的情況下后臺都會去設(shè)置cors（小編在這里不再絮叨，又興趣的小伙伴可以留言或者咨詢自己的后臺）；

另一種解決方案：

修改vue的配置文件，首先先找到vue的config文件夾下面的index.js文件；

再index.js文件中的module.exports 下面的dev中找到 proxyTable: {},

proxyTable: {

      '/launcher': {

        target: 'http://112.33.16.75:8099', // 目標(biāo)域名

        changeOrigin: true, //true 虛擬一個(gè)服務(wù)端接收你的請求并代你發(fā)送該請求

        pathRewrite: {

          '^/launcher': '/launcher' 

        }

      },

      // 可以寫多個(gè)

      // '/map': {

      //   target: 'http://api.map.baidu.com', // 目標(biāo)域名

      //   changeOrigin: true,

      //   pathRewrite: {

      //     '^/map': '/map' 

      //   }

      // }

    },

這個(gè)時(shí)候，我們在使用url的時(shí)候，

只需要寫/launcher就可以代表http://112.33.16.75:8099/launcher

注：此配置僅限開發(fā)環(huán)境使用，生產(chǎn)環(huán)境小編后續(xù)會跟上的！

到此，相信大家對“vue2.0跨域問題怎么解決”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！