axios 使用nodejs的http-proxy-middleware代理处理前端跨域问题

1、安装node.js

2、安装完成后进入项目目录 执行 npm init

        会出来一些配置选项一直回车就行

3、初始化完成后执行 npm install express http-proxy-middleware --save-dev

4、创建 app.js 文件

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');


const options = {
  target: '你的域名',
  changeOrigin: true, 
  ws: true, 
  pathRewrite: {'^/api' : '/'}
};

const exampleProxy = createProxyMiddleware(options);


const app = express();
app.use(express.static(__dirname));
app.use('/api', exampleProxy);
app.listen(3000);

 

 

5、启动node服务

执行命令 node app,js

6、浏览器访问 http://localhost:3000/

后面拼接页面名 

如 http://localhost:3000/index.html

http://localhost:3000/pages/login.html

使用axios 进行请求

axios.post('/api/接口地址',d).then(res => {
			})