前端开发阶段调试处理跨域

在前端开发过程中相信小伙伴们都经历过接口跨域无法拿取数据进而无法调试的问题,现在给大家提供一种比较简单的代理方法以便我们前端开发。

1: 首先安装node

2: 全局安装http-server  npm i http-server -g

3: 在当前开发的项目下创建一个js文件

4: 在js文件中写入代码:

var express = require("express");

var proxy = require("http-proxy-middleware");

 

var app = express();

 

app.use("/", proxy({ target: "http://localhost", changeOrigin: true }));

 

app.listen(3000);

5: node 运行这个文件

 

代码中其实很简单,就是使用上面的两个模块对当前请求进行代理。

前端开发阶段调试处理跨域

可以看到,请求地址是从本地发出的,但数据确是从服务器地址得到的。

除此之外也可以配置nginx,这个方法自我感觉特别简单,在这里推荐给大家:)