html怎么实现axios发请求,并且实现跨域

方案是代理服务器 前端处理

一、下包

save是开发环境的意思 可以单独弄个server文件夹或者其他也行

npm install express --save
npm install http-proxy-middleware --save

二、准备proxy-server.js文件

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

const app = express()

// 设置代理,将请求转发到目标服务器
app.use(
  '/api',
  createProxyMiddleware({
   
    target: '自己填写', // 目标服务器地址
    changeOrigin: true, // 是否改变请求来源
    // pathRewrite: {
   
    //   '^/api': 'api', // 可选的路径重写 你们看自己预留  我注释掉了
    // },
    // 修改响应头信息,实现跨域并允许带cookie
    onProxyRes: function (proxyRes, req, res) {
   
      const origin = req.headers.origin || '*' // 当前端只跨域不带cookie时,可为*
      res.header('Access-Control-Allow-Origin', origin)
      // res.header('Access-Control-Allow-Credentials', 'tr
上一篇:突破编程_C++_网络编程(TCPIP 四层模型(概述))-1 TCP/IP概述


下一篇:腾讯云服务器4核8g配置怎么样?能用来干什么?