项目跨域开启代理,前端不再需要找后端了!!!

前端跨域

• 解决办法,后台设置,很简单!!! 但是你要是遇到一个不会配置的,你怎么办!!!!!

• 开始跨域

1.直接创建一个文件夹,然后npm init初始化一下,然后npm install express http-proxy-middleware cors --save

解释: express起服务的框架,http-proxy-middleware代理工具,cors让你本地起的服务可以跨域;如果你本地起的服务还跨域,还代理什么呢

2.创建index.js文件夹,代码奉上

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

const app = express();
var cors = require('cors')

app.use(cors())
// 设置代理
app.use('/api', createProxyMiddleware({
  target: 'http://tt.xiaooo.club/',
  changeOrigin: true,
  pathRewrite: {
    '^/api': '/'
  },
}));

app.get('/', function (req, res) {
  res.send('你好');
});

app.listen(3000, function () {
  console.log('http://localhost:3000')
});