我有两个文件夹,一个叫“后端”,另一个叫“前端”
结构:
|-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”标头”
我该怎么补救
1条答案
按热度按时间btqmn9zl1#
使用cors中间件为服务器启用CORS。
例如