react上线后,请求数据报、404/502

11 篇文章 0 订阅
  • 需要下载一个http-proxy-middleware插件
  • 解决跨域问题
  • 原因:没有上线之前所设置的那个代理失效
//app.js
var express = require("express");
var app = express();
var proxyMiddleWare = require('http-proxy-middleware');

var path = require('path');
app.use(express.static(path.join(__dirname, 'dist')))//静态资源
app.get('/', function (req, res) {
	res.sendFile(path.join(__dirname, 'dist', 'index.html'))//主页面
})
var proxyPath = "http://152.136.19.14:7001";//目标后端服务地址 打包后之前的跨域代理不生效 要在此用http-proxy-middleware插件跨域
var proxyOption = {
	target: proxyPath,
	changeOrigoin: true,
	ws: true,
	// pathRewrite: { '^/api': '/' }//把拼接路径 在浏览器中转成/ 现实用是要加的
};
app.use(proxyMiddleWare(proxyOption));
// app.use("/api", proxyMiddleWare(proxyOption));//这里是用可挂载中间件拼接虚拟路径  若是未打包之前的有拼路径api的就要加上

app.listen(8088, () => {
	console.log(8088)
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值