使用vue消费子域api并始终获得cors错误

时间:2019-02-20 02:02:26

标签: laravel vue.js cors xmlhttprequest axios

我在主域中拥有我的网站,例如http://www.example.com,在https://api.example.com中有我的api,并且我尝试使用vue和axios从api中获取数据,并且总是收到CORS错误

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

。我该怎么解决?

1 个答案:

答案 0 :(得分:0)

您的后端不接受跨源请求。如果您使用的是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)