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服务,就可以解决开发环境下的跨域问题;

原文地址:https://www.cnblogs.com/Aoobruce/p/8195933.html

时间: 2024-10-04 04:22:55

Nodejs代理解决开发环境下跨域问题的相关文章

Vue-cli proxyTable 解决开发环境的跨域问题

Vue-cli proxyTable 解决开发环境的跨域问题 proxyTable: { '/list': { target: 'http://api.xxxxxxxx.com', pathRewrite: { '^/list': '/list' } } } 这样我们在写url的时候,只用写成/list/1就可以代表api.xxxxxxxx.com/list/1.那么又是如何解决跨域问题的呢?其实在上面的'list'的参数里有一个changeOrigin参数,接收一个布尔值,如果设置为true,

Vue-cli proxyTable 解决开发环境的跨域问题(转)

Vue-cli proxyTable 解决开发环境的跨域问题 和后端联调时总是会面对恼人的跨域问题,最近基于Vue开发项目时也遇到了这个问题,两边各自想了一堆办法,查了一堆资料,加了一堆参数,最后还得我把自己的localhost映射成上线时将要使用的域名.今天翻看代码时,突然发现vue-cli的config文件里有一个参数叫proxyTable,看这个名字就感觉能解决问题,于是我就去搜了一下,果然.在vuejs-templates,也就是vue-cli的使用的模板插件里,有关于API proxy

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

前后端分离项目中,会遇到跨域问题.解决方法无非就是jsonp cors等. 本次项目前端不搭node服务,线上用nginx搭站点,nginx转发ajax请求server. 本地开发环境的跨域问题用node做代理转发请求server(完美解决开发环境下请求server的跨域问题). node代码如下 "use strict"; const express = require('express'); const path = require('path'); const app = exp

Vue-cli proxyTable 解决开发环境的跨域问题(重写路径,删除基本路径)

和后端联调时总是会面对恼人的跨域问题,最近基于Vue开发项目时也遇到了这个问题,两边各自想了一堆办法,查了一堆资料,加了一堆参数,最后还得我把自己的localhost映射成上线时将要使用的域名.今天翻看代码时,突然发现vue-cli的config文件里有一个参数叫proxyTable,看这个名字就感觉能解决问题,于是我就去搜了一下,果然.在vuejs-templates,也就是vue-cli的使用的模板插件里,有关于API proxy的说明,使用的就是这个参数.https://vuejs-tem

Vue-cli proxyTable解决开发环境的跨域问题

和后端联调时总是会面对恼人的跨域问题,如果是使用vue-cli生成的开发环境,直接在config/index.js中,把proxytable里面配置成差不多这样,后面的api就都会走target changeOrigin参数,接收一个布尔值,如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求,这样就不会有跨域问题了,当然这只适用于开发环境. 反向代理 proxyTable: { '/api': { target: 'http://xxx', changeOrigin: tr

vue开发环境配置跨域,一步到位

本文要实现的是:使用vue-cli搭建的项目在开发时配置跨域,上线后不做任何任何修改,接口也可以访问,前端跨域解决方案 production:产品 生产环境 development:开发 开发环境 1.开发环境设置跨域 使用工具:vue-cli自带的配置 配置目录 /config/index.js //自行复制黏贴 proxyTable: { '/apis':{ target: 'http://10.1.63.26:19080/', // 后台api changeOrigin: true, //

nginx配置反向代理解决前后端分离跨域问题

摘自<AngularJS深度剖析与最佳实践>P132 nginx配置文件如下: server { listen 80; server_name your.domain.name; location / { # 把跟路径下的请求转发给前端工具链(如gulp)打开的开发服务器 # 如果是产品环境,则使用root等指令配置为静态文件服务器 proxy_pass http://localhost:5000/; } location /api/ { # 把 /api 路径下的请求转发给真正的后端服务器

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

开发环境下的跨域:在node.js上实现请求转发,前端请求到node.js上,node.js将请求转发到后端,反之.响应也是,先到node.js上,然后转发vue-cil项目上. 需要在根目录下新建文件vue.config.js. vue.config.js: vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载.你也可以使用 package.json 中的 vue 字

iOS系统提供开发环境下命令行编译工具:xcodebuild

iOS系统提供开发环境下命令行编译工具:xcodebuild[3] xcodebuild 在介绍xcodebuild之前,需要先弄清楚一些在XCode环境下的一些概念[4]: Workspace:简单来说,Workspace就是一个容器,在该容器中可以存放多个你创建的Xcode Project, 以及其他的项目中需要使用到的文件. 使用Workspace的好处有: 1),扩展项目的可视域,即可以在多个项目之间跳转,重构,一个项目可以使用另一个项目的输出.Workspace会负责各个Project