vue 使用 axios 時 post 請求方法傳參無法發送至后台

axios 時 post 請求方法傳參無法發送至后台報錯如下

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource

vue 框架推薦使用 axios 插件發送數據，使用 axios 插件結合 qs 插件實現 post 傳參不報錯。

• 安裝插件

npm install --save axios
npm install --save qs

• 引入插件

import axios from 'axios'
import qs from 'qs'

• 在 methods 中使用

methods: {
    getData() {
         axios.post(url,   // url 以自己的地址為准
            qs.stringify({
                key: '' // 值按照需求傳入
            })
        ).then(res => {
            console.log(res.data)
        }).catch(error => {
             console.log(error)
        })                   
    }
}

按照上述方法可解決 axios 使用 post 請求傳參問題

正確的跨域做法應該使用 jsonp

• jsonp