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', 'true'