vue+axios 跨域怎么解决

Question

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

服务端添加允许跨域请求头

example php

$response->header('Access-Control-Allow-Origin', '*');
$response->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Cookie, X-CSRF-TOKEN, Accept, Authorization, X-XSRF-TOKEN');
$response->header('Access-Control-Expose-Headers', 'Authorization, authenticated');
$response->header('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, OPTIONS');
$response->header('Access-Control-Allow-Credentials', 'true');

Answer 2

配置反向代理和CORS。

Answer 3

额，先看文档再提问吧。文档上都说的明明白白

Answer 4

如果你是用webpcak 搭建项目，会有一个config文件夹，在index.js中有个dev对象，就是你启动的结构，在里面设置代理proxyTable，如果是开发环境会自动映射到你设置的域名上。你去网站上搜索怎么配置

Answer 5

看兼容要求，如果只是在开发环境中用到强烈推荐使用proxyTable

Answer 6

一般服务端配置允许跨域，CORS。如果只是开发环境跨域，直接用vue-cli 的本地代理