跨域问题解决

后端解决方案

  • 设置Access-Control-Allow-Origin响应头来允许特定的前端域名访问资源

    Access-Control-Allow-Origin: https://your-frontend-domain.com

    如果需要在跨域请求中携带 Cookie(例如,用于用户身份验证),后端需要设置 Access-Control-Allow-Credentials 为 true,并且不能将 Access-Control-Allow-Origin 设置为 *。eg:
    Access-Control-Allow-Credentials: true

前端解决方案

  • 使用devserver配置代理

    module.exports = {
    devServer: {
    proxy: {
    '/api': { // 匹配所有到 /api 的请求
    target: 'http://aider.meizu.com', // 目标服务器的地址
    changeOrigin: true, // 是否改变请求头中的Origin字段
    pathRewrite: {
    '^/api': '' // 重写请求路径,去掉路径中的 /api
    }
    }
    }
    }
    };

  • 跨域浏览器(如果开发环境复杂,需要跨域浏览器辅助绕过跨域限制)

    1、可以先复制粘贴一个副本浏览器快捷键,再右键浏览器,点击属性
    2、找到快捷方式,找到目标,目标输入框内容最后面加上 --disable-web-security --user-data-dir=C:\ChromeDevSession
    3、点击确定
    4、重新打开浏览器即可

相关推荐
用户47949283569159 分钟前
从 58MB 到 2.6MB:我是如何将 React 官网性能提升 95% 的
前端·javascript
该用户已不存在10 分钟前
7个让全栈开发效率起飞的 Bun 工作流
前端·javascript·后端
芙蓉王真的好122 分钟前
Angular CDK 响应式工具指南:从基础到自适应布局应用
前端·javascript·angular.js
Boale_H39 分钟前
如何获取npm的认证令牌token
前端·npm·node.js
qq_3391911439 分钟前
vue3 npm run dev局域网可以访问,vue启动设置局域网访问,
前端·vue.js·npm
帅气的花泽类41 分钟前
npm error code ERR_SSL_TLSV1_UNRECOGNIZED_NAME
前端·npm·node.js
明仔的阳光午后2 小时前
React 入门 01:快速写一个React的HelloWorld项目
前端·javascript·react.js·前端框架·reactjs·react
sorryhc2 小时前
Webpack中的插件流程是怎么实现的?
前端·webpack·架构
残冬醉离殇3 小时前
原来dom树就是AST!!!
前端
~无忧花开~3 小时前
掌握Axios:前端HTTP请求全攻略
开发语言·前端·学习·js