首页 前端知识 html怎么实现axios发请求,并且实现跨域

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

2024-08-14 22:08:22 前端知识 前端哥 19 70 我要收藏

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

一、下包

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
转载请注明出处或者链接地址:https://www.qianduange.cn//article/15634.html
标签
评论
发布的文章

JQuery 详细教程

2024-08-21 22:08:08

jQuery2 高级教程(八)

2024-08-21 22:08:06

jQuery Spellchecker 使用教程

2024-08-21 22:08:50

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!