Nodejs代理解决开发环境下跨域问题

Posted Aoobruce

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Nodejs代理解决开发环境下跨域问题相关的知识,希望对你有一定的参考价值。

前后端分离的项目,需要解决开发环境下跨域的问题:

转载链接:https://www.cnblogs.com/ytu2010dt/p/5959899.html

1.安装node环境

2.新建JS文件:nodeProxy.js

代码:

"use strict";
const express = require(\'express\');
const path = require(\'path\');
const app = express();
const request = require(\'request\');
 
// 配置静态文件服务中间件
let serverUrl=\'http://220.231.2.29:7668\';//server地址
app.use(express.static(path.join(__dirname, \'./\')));//静态资源index.html和node代码在一个目录下
app.use(\'/\', function(req, res) {
  let url = serverUrl + req.url;
  req.pipe(request(url)).pipe(res);
});
 
app.listen(3000,\'127.0.0.1\', function () {//前端ajax地址写 http://127.0.0.1:3000/
  console.log(\'server is running at port 3000\');
});

3.需要安装express和request:

npm install express

npm install request

4.运行JS脚本 node nodeProxy.js

node做代理转发请求server,项目不必搭建前端node服务,就可以解决开发环境下的跨域问题;

以上是关于Nodejs代理解决开发环境下跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

回顾下跨域解决方案httpmiddleware

开发环境Vue访问后端代码(前后端分离开发,端口不同下跨域访问)

解决Image在canvas以及audiovideo在AudioContext下跨域问题

vue proxyTable代理 解决开发环境的跨域问题

vue-webpack项目本地开发环境设置代理解决跨域问题

前端开发用nginx代理服务器解决服务器跨域问题及跨域访问https访问(mac系统下)