零基础解决node.js+express服务跨域问题,No ‘Access-Control-Allow-Origin‘ header is present on the requested resou

news/2024/7/10 0:19:01 标签: nodejs, vue

nodejsexpressNo_AccessControlAllowOrigin_header_is_present_on_the_requested_resou_0">零基础解决node.js+express服务跨域问题,No ‘Access-Control-Allow-Origin’ header is present on the requested resou

前端-vue跨域

这里说明一下,网上很多都是潦草的说什么方法,具体根本自己就不会解决,
写那么多博客一模一样有什么意思,又不能解决问题,看到我就想小嘴抹蜜。
  • 出现的问题:
Access to XMLHttpRequest at 'http://localhost:3000/user/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
  • 解决办法

    在服务器的app.js引入下面这段代码

注意:一定要在app.use()之前引入
在这里插入图片描述

  • 代码
//设置跨域访问
app.all('*', function(req, res, next){
  res.header('Access-Control-Allow-Origin',  '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With, yourHeaderFeild');
  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');
  if (req.method === 'OPTIONS'){
    res.sendStatus(200);
  }else{
    next();
  }
});

http://www.niftyadmin.cn/n/1410379.html

相关文章

零基础使用node+express搭建服务器流程

零基础使用nodeexpress搭建服务器流程 前端-nodeexpress 1.全局安装express脚手架 在安装了脚手架之后,可以通过 express 项目名 直接快速创建后台服务 npm i -g express-generator2. 创建express框架后台服务 这里会看见一堆create文件 express 你的后台项…

git已有本地项目,如何连接github,并上传代码?

git已有本地项目,如何连接github,并上传代码? 前端-git 1、在本地项目种打开cmd 就可以直接在当前目录下打开终端 2、git初始化项目 git init3、连接github已创建好的项目 我的远程仓库项目地址是: https://github.com/weige…

Microsoft开源用于VS Code的Java Debugger

Visual Studio Code(很多人称之为VS Code)是Microsoft推出的开源跨平台代码编辑器,其中的Java Debugger于今年九月发布。现在VS Code中开源了Java Debugger的代码。VS Code在推出时就原生地支持JavaScript、TypeScript和Node.js,并…

海明码!是人看的例子!说人话!

一、特点 反正兄台都已经翻烂了,这里就简单描述:可检错,可纠错二、奇偶校验概念 偶校验: 即获取的二进制字符串中,“1” 的个数为偶数(双数)时,取值为0,否则为1。 例如&…

Ubuntu 16.04 安装 JDK 1.8

系统环境 Ubuntu 16.04; JDK 1.8 配置安装 1、首先从oracle下载jdk 1.8,我下载的版本是jdk-8u131-linux-x64.tar.gz,运行tar zvxf jdk-8u131-linux-x64.tar.gz解压获得文件夹jdk1.8.0_131。 2、在usr目录下创建jvm目录 sudo mkdir /usr/jvm 3、然后将解压…

Ubuntu 16.04安装Jetty Web服务器

一、下载 http://www.eclipse.org/jetty/download.html 二、安装 tar -zxvf jetty-distribution-9.4.7.v20170914.tar.gz sudo mv jetty-distribution-9.4.7.v20170914 /opt/jetty-distribution-9.4.7.v20170914/ sudo ln -s /opt/jetty-distribution-9.4.7.v20170914/ /opt/je…

从MySQL官方Yum仓库安装MySQL5.6

2013年10月,MySQL开发团队正式宣布支持Yum仓库,这就意味着我们现在可以从这个Yum库中获得最新和最优版的MySQL安装包。本文将在一台全新安装的CentOS6上安装MySQL5.6,如果你不熟悉MySQL5.6的新特性,我建议从MySQL 5.6的新特性开始…