VUE 项目模拟接口配置

简单记录：

公司项目中，新开一个模块，本地编写模拟接口，数据请求，使用模块axios进行ajax请求，直接请求，肯定显示跨域，无法请求。

接口是这样的

 

报错类似这样：

解决方案

1，在vue配置添加转发

2. 引用 

import axios from 'axios';

然后使用

 3.接口一定要支持跨域请求，nginx配置添加允许跨域

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;

 就是简单记录一下，怕忘记，后续补充完整，知识点沉淀