vue 跨域访问lumen No 'Access-Control-Allow-Origin'.

新手上路,请多包涵

浏览器报错信息:
clipboard.png

客户端使用vue.js的 axios.get请求

clipboard.png

服务器端代码,返回一段字符串,

clipboard.png

阅读 5.8k
2 个回答

服务端要支持跨域才行,需要设置一个响应头 Access-Control-Allow-Origin 来指定哪些站点可以跨域,或者设置成 * 允许所有站点跨域

nginx中配置一下,然后重启nginx。其实就是在header头中增加

add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,platform';

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题