国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Vue項(xiàng)目中跨域問題解決方案

2019-11-19 13:43:10
字體:
供稿:網(wǎng)友

方法

  • 后臺(tái)更改header
  • 使用http-proxy-middleware 代理解決(項(xiàng)目使用vue-cli腳手架搭建)
  • Jquery jsonp

后臺(tái)更改header

header('Access-Control-Allow-Origin:*');//允許所有來源訪問 header('Access-Control-Allow-Method:POST,GET');//允許訪問的方式

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

打開config/index.js,在proxyTable中添寫如下代碼:

proxyTable: {  '/api': {   target: '填寫請(qǐng)求源地址', //源地址   changeOrigin: true, //是否跨域  pathRewrite: {    '^/api': '' //路徑重寫    }  } }

使用axios

 this.$axios.post("/api/地址",{   發(fā)送的數(shù)據(jù)  }).then(data=>{   console.log(data);  })

axios的配置(main.js)

axios.defaults.headers.post["Content-type"]="application/json";Vue.prototype.$axios=axios;

使用ES6fetch請(qǐng)求

fetch("/api/test/testToken.php",{   method:"post",   headers:{    "Content-type":"application/json",   },   body:JSON.stringify({發(fā)送數(shù)據(jù)})  }).then(result=>{   return result.json()  }).then(data=>{   console.log(data);  })

使用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(',')    }   })  } }

總結(jié)

以上所述是小編給大家介紹的Vue項(xiàng)目中跨域問題解決方案,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 三原县| 连州市| 平果县| 通化市| 城步| 遵化市| 长沙县| 新沂市| 沂南县| 宣武区| 金阳县| 扶余县| 新源县| 亚东县| 且末县| 施甸县| 刚察县| 应城市| 即墨市| 嘉义县| 石首市| 岳普湖县| 十堰市| 淳化县| 雷山县| 卢氏县| 麻城市| 凤阳县| 金溪县| 汤原县| 牙克石市| 区。| 健康| 高平市| 永仁县| 万全县| 招远市| 嘉禾县| 黄陵县| 噶尔县| 石首市|