在vue開(kāi)發(fā)的過(guò)程中，跨域問(wèn)題是最常見(jiàn)的一個(gè)問(wèn)題，小編給大家提供了幾種解決方案，希望對(duì)大家有所幫助。主要的解決方法如下：

一、后臺(tái)更改header

header('Access-Control-Allow-Origin:*');//允許所有來(lái)源訪問(wèn)

header('Access-Control-Allow-Method:POST,GET');//允許訪問(wèn)的方式

二、使用http-proxy-middleware 代理解決（項(xiàng)目使用vue-cli腳手架搭建）

打開(kāi)config/index.js，在proxyTable中添寫如下代碼：

proxyTable: {

'/api': {

? target: '填寫請(qǐng)求源地址', //源地址

? changeOrigin: true, //是否跨域

? pathRewrite: {

? '^/api': '' //路徑重寫

? }

}

}

三、Jquery jsonp

methods: {

getData () {

? var self = this

? $.ajax({

? url: '地址',

? type: 'GET',

? dataType: 'JSONP',

? success: function (res) {

? ? self.data = res.data.slice(0, 3)

? ? self.opencode = res.data[0].opencode.split(',')

? }

? })

}

}