Egg.js: 配置跨域请求插件 egg-cors

最新推荐文章于 2024-05-29 14:41:06 发布
最新推荐文章于 2024-05-29 14:41:06 发布
阅读量2.6k 收藏 8
点赞数 2
文章标签： 后端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46618182/article/details/108354273
版权

1. 安装 egg-cors

首先，我们需要下载 egg-cors 插件。在终端中执行下面代码可以安装插件

npm install egg-cors --save

install 可以简写为 i ，–save 将插件保存到本地依赖。

执行完毕后，如果没有错误信息 ERR ，就安装成功了。

2. 开启插件

找到我们项目目录下的 config / plugin.js 文件，打开它。在 module.exports 的对象中，追加以下内容

cors: {
   
	enable: true,
	package: "egg-cors",
},

注意书写的位置：


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  Borderick
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    8
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Egg.js中配置跨域与路由分组

				
			

			

				

					Always-Learning
				

				

					12-09
					
					847
					
				

			

		

		

			
				
一、跨域配置

egg.js中实现跨域主要是通过egg-cors这个插件，更多信息可以通过npm官网去查看这个插件的用法。


安装插件

cnpm i egg-cors --save


在plugin.js中配置

  cors: {
    enable: true,
    package: 'egg-cors'
  }


在config.default.js中配置

config.cors = {
    origin: '*',
    allowMethods: 'GET,PUT,POST,

			
		

	



                

              
                



	

		

			

				
					
eggjs跨域访问—CORS插件

				
			

			

				

					weixin_33725239的博客
				

				

					01-14
					
					6178
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	



                


  
              

                


	

		

			

				
					
使用uni-app开发H5时，如何通过代理解决跨域问题

					
最新发布

				
			

			

				

					weixin_62428445的博客
				

				

					05-29
					
					499
					
				

			

		

		

			
				
uni-app是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，然后发布到不同的平台，包括Web（H5）、iOS、Android、各种小程序平台等。跨域问题通常发生在前端应用尝试从不同的域名或端口访问后端资源时。浏览器出于安全考虑，会阻止这些请求，除非服务器明确允许。通过使用Vite的代理功能，uni-app开发者可以轻松解决H5开发中的跨域问题。这不仅提高了开发效率，还使得前后端分离的开发模式变得更加可行。随着uni-app的不断发展，它将继续为跨平台开发提供更多便利和强大的功能。

			
		

	





	

		

			

				
					
Egg Cors

				
			

			

				

					JunChow
				

				

					05-26
					
					507
					
				

			

		

		

			
				
Egg.js跨域访问需使用egg-cors插件，典型的应用场景是前后端分离的项目中，前端与后台在不同的域下，此时若前端通过AJAX访问后端接口，此时就首先解决跨域问题。
安装egg-cors插件
$ npm i -S egg-cors

开启egg-cors插件
$ vim config/plugin.js

module.exports = {
  cors:{enable:true, pack...

			
		

	



		

			
		



	

		

			

				
					
eggjs设置跨域请求

				
			

			

				

					A_BIn的博客
				

				

					10-19
					
					1653
					
				

			

		

		

			
				
eggjs设置跨域请求1. 安装egg-cors2.配置plugin.js3.配置config.default.js
1. 安装egg-cors
npm install  egg-cors --save

2.配置plugin.js
'use strict';
/** @type Egg.EggPlugin */

exports.cors = {
  enable: true,
  package: 'egg-cors',
};

3.配置config.default.js
  config.securi

			
		

	





	

		

			

				
					
在egg中配置cors

				
			

			

				

					weixin_30414245的博客
				

				

					08-03
					
					606
					
				

			

		

		

			
				
在egg中配置 cors（跨域）
第一步 安装 egg-cors
    在项目目录下  cmd 安装  npm i egg-cors --save
第二部 配置 cors
    config/plugin.js 下添加
    exports.cors = {
        enable: true,
        package: 'egg-cors'
    }
    
...

			
		

	





	

		

			

				
					
yhsd-egg:友好速搭插件开发egg.js:egg:扩展框架——yhsd-egg:egg:!

				
			

			

				

					05-09
				

			

		

		

			
				
增加cors（跨域）中间件，配置：  exports.cors = {  	allowOrigin: 默认 '*'  	allowHeaders: 默认'Content-Type, Content-Length, Accept, X-Requested-With'  	allowMethods: 默认'PUT, POST, GET, DELETE, ...

			
		

	





	

		

			

				
					
Nginx配置跨域请求Access-Control-Allow-Origin * 详解

				
			

			

				

					09-09
				

			

		

		

			
				
主要给大家介绍了关于Nginx配置跨域请求Access-Control-Allow-Origin * 的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Nginx具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

			
		

	





	

		

			

				
					
xml-rpc.js:跨域 JavaScript 的 XML-RPC 库

				
			

			

				

					06-16
				

			

		

		

			
				
xml-rpc.js 跨域 JavaScript 的 XML-RPC 库。 基于 Carlos Eduardo Goncalves 最初编写的 Mimic JS 库； 许可证见下文。 为 XML-RPC 提供易于使用的面向对象的接口。 将对象透明地转换为 JS 文字是实用的（例如 ...

			
		

	





	

		

			

				
					
谷歌跨域插件allow-cors-access-control.zip

				
			

			

				

					08-04
				

			

		

		

			
				
跨域资源共享（CORS）是一种机制，它允许Web应用程序从不同的源请求资源，比如JavaScript通过Ajax从非同源的服务器获取数据。在默认情况下，由于浏览器的同源策略限制，这种跨域请求会被阻止。CORS通过设置特定的...

			
		

	





	

		

			

				
					
Node.js设置CORS跨域请求中多域名白名单的方法

				
			

			

				

					01-01
				

			

		

		

			
				
CORS 说到CORS，相信前端儿都不陌生，这里我就不多说了，具体可以看看这篇文章。 CORS，主要就是配置Response响应头中的 Access-Control-Allow-Origin...它表示该接口允许所有的域名对它进行跨域请求。然而，在一般实际

			
		

	





	

		

			

				
					
Egg 中通过 Egg-cors 配置服务器端允许跨域以及 Cookie 允许跨域

				
			

			

				

					越陌度阡
				

				

					11-21
					
					2302
					
				

			

		

		

			
				
在开发中，有时会遇到这种问题：通过浏览器去访问一个接口可以正常获取到信息，但是通过点击事件去请求这个接口却无法正常获取到想要的信息。此时，你可能就是遇到跨域问题了， 在Egg中的解决方案如下：

1. 安装插件


npm i egg-cors --save

2. 配置插件


// config/plugin.js
exports.cors = {
  enable: true,
  package: 'egg-cors',
};


3. 配置白名单


// config/confi......

			
		

	





	

		

			

				
					
egg 如何配置 cors（全网少数配完可行的文档）

				
			

			

				

					LanJu的博客
				

				

					03-16
					
					1146
					
				

			

		

		

			
				
首发于 语雀文档@blueju


前言：
我查阅了不少文档，配置的方法都是有错误的，甚至官方文档都是错的，年久失修的状态。​

步骤：

安装 egg-cors

npm i egg-cors --save


启用 egg 插件 egg-cors


\config\plugin.js

module.exports = {
	cors: {
    enable: true,
    package: 'egg-cors',
  },
}

此处官方文档中写的是：（是错的或者已过时无效的，反正我试了.

			
		

	





	

		

			

				
					
egg-cors跨域

				
			

			

				

					zhangjiashu的博客
				

				

					05-02
					
					129
					
				

			

		

		

			
				
当域名和端口有一个不一样，就称之为跨域
egg-cors

//1、安装模块
//2、配置启用插件
//3、配置允许跨域的安全域名
//配置允许跨域


			
		

	





	

		

			

				
					
Eggjs笔记：egg-mysql插件的集成, curd操作, 事务演示

				
			

			

				

					Wang的专栏
				

				

					04-05
					
					1393
					
				

			

		

		

			
				
egg-mysql的安装配置

在 egg 项目中安装 egg-mysql $ npm i egg-mysql --save
启用egg-mysql插件// 在 {app_root}/config/plugin.js 中
exports.mysql = {
    enable: true,
    package: 'egg-mysql'
};


在配置文件中配置mysql数据库连接地址// ...

			
		

	





	

		

			

				
					
开发环境egg.js跨域

				
			

			

				

					小陈的博客
				

				

					10-16
					
					1374
					
				

			

		

		

			
				
// 步骤一：下载 egg-cors 包
cnpm i egg-cors --save

// 步骤二：plugin.js中设置开启cors 
exports.cors = {
	enable: true,
	package: 'egg-cors',
};

// 步骤三：config.default.js中配置，注意配置覆盖的问题
config.security = {
	// 关闭csrf
	...

			
		

	





	

		

			

				
					
【EGG】解决Egg.js跨域问题

				
			

			

				

					芒果味的博客
				

				

					11-15
					
					1207
					
				

			

		

		

			
				
安装egg-cors
egg-cors模块是专门用来解决egg.js跨域问题的，只要简单的配置就可以完成跨域的设置，但是跨域一定要谨慎设置，很多安全问题，都是通过跨域进行攻击的。
安装我们使用yarn add·进行安装，命令如下：
yarn add egg-cors
安装时间根据自己的网络状况不同，有所不同。我用了大概10秒钟左右。
配置config/plugin...

			
		

	





	

		

			

				
					
egg入门——服务端开启跨域

				
			

			

				

					2301_80500703的博客
				

				

					01-12
					
					499
					
				

			

		

		

			
				
【代码】egg入门——服务端开启跨域。

			
		

	





	

		

			

				
					
nodejs 项目解决浏览器跨域问题。

				
			

			

				

					chxj2014的博客
				

				

					10-08
					
					543
					
				

			

		

		

			
				
//设置跨域访问 
app.all('*', function(req, res, next) { 
  res.header("Access-Control-Allow-Origin", "*"); 
  res.header("Access-Control-Allow-Header...

			
		

	





	

		

			

				
					
vue.config.js如何配置跨域请求

				
			

			

				

					04-25
				

			

		

		

			
				
为了在 Vue.js 项目中配置跨域请求，你需要在项目的根目录下创建一个 vue.config.js 文件，然后在文件中添加以下代码：

```javascript
module.exports = {
  devServer: {
    proxy: {
      '/api': { // 接口的前缀
        target: 'http://localhost:3000', // 你想要请求的后端 API 地址
        ws: true,
        changeOrigin: true
      }
    }
  }
}
```

在这个示例中，我们将接口的前缀设置为 `/api`，并将请求代理到 `http://localhost:3000`，也就是我们的后端 API 地址。你可以根据你的实际情况修改这些配置。

一旦你完成了这些配置，你可以在 Vue.js 项目中使用 axios 或其他 AJAX 库来发送跨域请求。在这个示例中，我们可以使用以下代码发送一个 GET 请求：

```javascript
axios.get('/api/user/123')
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  })
``` 

其中，`/api/user/123` 是我们代理到后端 API 的接口地址。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值