前端vue发送给后端MVC跨域问题

在Vue脚手架项目中使用axios

首先，需要安装axios，则在终端窗口中，在当前项目文件夹下，执行安装命令：

npm i axios -S

然后，需要在main.js中添加配置：

import axios from 'axios';

Vue.prototype.axios = axios;

**注意：**在Vue脚手架项目中使用axios时，在then()的回调中不可以使用匿名函数，只能使用箭头函数。

跨域问题

当尝试通过axios从前端项目（9000端口的项目）向后端项目（9080端口的项目）发起请求时，在浏览器中会提示错误信息，例如：

已拦截跨源请求：同源策略禁止读取位于 http://localhost:9080/album/add-new 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。状态码：403。

或：

Access to XMLHttpRequest at 'http://localhost:9080/album/add-new' from origin 'http://localhost:9000' has been blocked by CORS policy: Response to preflight request doesn