cors解決跨域問題

趙不悔發表於2021-12-29

跨域問題

其實跨域問題就是 這兩家字首不同所以叫跨域
file:///D:/mss/public/index.html
http://127.0.0.1

而百度搜尋多半是jsonp請求,他的坑在於只能GET
想完美解決跨域就靠它了.image.png


cors

第一步:安裝

npm i cors

第二步:引入

var cors = require("cors")
app.use(cors())

第三步:返回

const express = require('express')
const app = express()

var cors = require("cors")
app.use(cors())

app.post('/user', function(req, res) {
    res.send({
        name: "常吉孔",
        age: 18
    })
})

app.listen(3000, () => console.log(`Example app listening on por!`))

請求方式

  1. jQuery
  2. Vue axios

我選擇了axios。因為我懶的去找CDN直接就cnpm i axios

<template>
    <div id="app">
        <button type="button" @click="ck">測試</button>
    </div>
</template>

<script>
    import axios from "axios"
    export default{
        methods:{
            ck()
            {
                axios.post("http://127.0.0.1:3000/user").then((res)=>{
                    console.log(res)
                })
            }
        }
    }
</script>

image.png

相關文章