使用 vue 使用子域 api 并且总是得到 cors 错误 [重复]

Posted 2023-03-04

【中文标题】使用 vue 使用子域 api 并且总是得到 cors 错误 [重复]

【英文标题】：Consuming subdomain api with vue and always get cors error [duplicate]

【发布时间】：2019-07-13 15:16:29

【问题描述】：

我的网站位于主域中，例如http://www.example.com 和https://api.example.com 中的 api，我正在尝试使用 vue 和 axios 从 api 获取数据，但总是出现 CORS 错误

从源“http://www.example.com”对“http://www.api.example.com/api/posts”处的 XMLHttpRequest 的访问已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：没有“Access-Control-Allow-Origin”标头出现在请求的资源上

。我该如何解决这个问题？

【参考方案1】：

您的后端不接受跨域请求。如果您使用的是 Node-Express，那么您必须安装然后您可以使用 CORS npm 模块

$ npm install -S cors

app.js

let express = require('express')
let cors = require('cors')

let app = express()

app.use(cors())

app.listen(3000)