当前位置:网站首页>Three solutions to solve cross-domain in egg framework
Three solutions to solve cross-domain in egg framework
2022-08-05 08:09:00 【M78_Domestic 007】
Option 1: Use the egg-cors plug-in provided by the egg framework to realize cross-domain resource sharing of cors
1. Download the plugin in the project file directory, open the terminal and enter: npm i egg-cors.
2. Open the configuration file config of the project.
2.1. Open plugin.js to open the plugin, and copy this code in the object.
cors:{enable: true,package: 'egg-cors',}
2.2. Open the config.default.js file to configure the plug-in, and copy this code in the arrow function:
config.cors = {origin: '*',allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH'}
At this time, cross-domain access can be achieved. The value of the origin attribute here "*" means that all pages can be accessed. We can replace the * with the domain name we specify, but it can only specify one. If you want toSpecify multiple functions that change the origin property value to the following:
config.cors = {// origin: ['http://localhost'],origin:function(ctx) { //Set to allow requests from the specified domain nameconsole.log(ctx);const whiteList = ['http://www.baidu.com','http://www.hqyj.com'];let url = ctx.request.header.origin;if(whiteList.includes(url)){return url;}return 'http://localhost' //By default, local requests are allowed to cross domains},allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH'};
Option 2: Implementing jsonp
There are two ways:
1. Configure the following code in the config.default.js file:
config.jsonp = {callback: 'cb', // recognize the `cb` parameter in querylimit: 100, // Specify the maximum character of the function name, here is set to a maximum of 100 characters};
Then do the following in our routing file:
module.exports = app => {const jsonp = app.jsonp();app.router.get("Defined interface address", jsonp, app.controller."Specific location");};
2. Configure directly in the routing file
module.exports = app => {const jsonp = app.jsonp({callback: 'cb',limit: 100,});app.router.get("Defined interface address", jsonp, app.controller."Specific location");};
Option 3: Proxy
Agent is the technology that runs the most in actual development. The request module is no longer used in the egg framework, but the curl() method that comes with the browser is used to directly use the curl method to request resources across domains in our own backend.
The code is as follows:
//In the logic control layer home.jsasync cors(){let data1=await this.ctx.curl("http://www.baidu.com",{method:"GET",data:{pwd:123}})this.ctx.body=data1}
"http://www.baidu.com" is the requested URL, {method:"GET",data:{pwd:123}} can be omitted, method is the request method, and data is the passed parameter.
The data1 obtained at this time is buffer binary data, and we also need toString to convert it into a string.
Additional point:
The processing order of the backend during network requests: Static files> route matching (matching in order), that is, the address of the data interface we set cannot be the same as the address of the statically hosted page, because the execution order is to execute the statically hosted page first, executeAfter that, it will no longer be executed, and we will never be able to request our data interface;
"/*" asterisk routing means that all URLs can be matched.
边栏推荐
- 基于多块信息提取和马氏距离的k近邻故障监测
- Data source object management Druid and c3p0
- [Structural Internal Power Cultivation] Structural Realization Stages (2)
- 彩绘漂亮MM集
- 青苹果论坛重新开放
- 爬虫从入门到入牢
- uniapp时间组件封装年-月-日-时-分-秒
- Insights in programming
- Support touch screen slider carousel plugin
- What is the connection and difference between software system testing and acceptance testing? Professional software testing solution recommendation
猜你喜欢
随机推荐
基于多块信息提取和马氏距离的k近邻故障监测
YOLOv3 SPP理论详解(包括CIoU及Focal loss)
[转帖]嫁人一定要嫁工资至少比你高3571.4元的男士
生命的颜色占卜
Insights in programming
SVG big fish eat small fish animation js special effects
Controlling number and letter input in ASP
导出SQLServer数据到Excel中
nn.unfold和nn.fold
数据源对象管理Druid和c3p0
Embedded Systems: Basic Timers
[Structural Internal Power Cultivation] The Mystery of Enumeration and Union (3)
外企Office常用英语
MongoDB 语法大全
Chapter3、色调映射
力扣刷题八月第一天
Redis常用命令
嵌入式系统:基本定时器
奇怪的Access错误
高效使用数码相机的诀窍