NodeJS 错误:CORS错误:请求的资源SvelteKit上不存在“Access-Control-Allow-Origin”标头

wvt8vs2t  于 2023-06-22  发布在  Node.js
关注(0)|答案(1)|浏览(112)

我有两个文件夹,一个叫“后端”,另一个叫“前端”
结构:

|-backEnd
|--app.js
|-frontEnd
|--src
|---routes
|---- +page.svelte
|---- +page.js

backEnd我使用nodejs和express,代码如下

let express = require("express")
let app = express()
let PORT = process.env.PORT || 3000

app.get("/api", (req, res) => {
    res.json({message: "Hello World"})
})

app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`)
})

前端我用sveltekit与vite这里是代码在“+page.js”

export let load = async ({ fetch }) => {
    let rawRes = await fetch("http://localhost:3000/api/")
    let data = await rawRes.json()

    return {data: data}
}

这是“Page.svelte”中的代码

<script>
    export let data
    console.log(data)
</script>
<div>
    Hello
</div>

当我运行“npm run dev”时,我得到了错误“Error:CORS错误:请求的资源上不存在“Access-Control-Allow-Origin”标头”
我该怎么补救

btqmn9zl

btqmn9zl1#

使用cors中间件为服务器启用CORS
例如

let express = require("express")
let cors = require('cors')
let app = express()
let PORT = process.env.PORT || 3000

app.use(cors())

app.get("/api", (req, res) => {
    res.json({message: "Hello World"})
})

app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`)
})

相关问题