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

Posted

tags:

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

前后端分离项目中,会遇到跨域问题。解决方法无非就是jsonp cors等。

本次项目前端不搭node服务,线上用nginx搭站点,nginx转发ajax请求server。

本地开发环境的跨域问题用node做代理转发请求server(完美解决开发环境下请求server的跨域问题)。

node代码如下

"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‘);
});

 

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

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

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

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

Vue Nginx反向代理配置 解决生产环境跨域

nodejs——解决跨域问题

vue的开发模式跨域解决方案和代理配置