提到csdn烂烂的代码框.

copy了下qcon的代码,发现它的很好用.

在写代码的地方用<pre style="background: none repeat scroll 0 0 #FAFAFA; border: 2px solid #EFEFEF;color: #222222;font: 90%/130% Courier New,Courier;margin: 0;overflow: auto;padding: 0 0 5px;width: 99%;"></pre>框住.

例:

测试例子.

另一个例子.维基百科的

代码为<div style="border:1px dashed #2F6FAB;padding: 1em;background-color: #F9F9F9;"></div>

例子:

测试例子

CSDN 是一个技术社区和博客平台,而低代码前端架是一种简化开发过程的工具。在使用 CSDN 的低代码前端架时,有时会遇到跨域的问题,这就需要使用到架中的 setupproxy 来解决。 跨域是指浏览器存在同源策略,限制了跨域访问资源的能力。同源是指协议、域名和端口都相同,而跨域就是协议、域名或端口有一个不同。在这种情况下,浏览器会阻止跨域请求,这会导致某些功能无法正常使用。 在低代码前端架中,setupproxy 是一个帮助配置代理的工具。通过设置代理规则,可以解决跨域访问的问题。具体来说,使用 setupproxy 可以将浏览器的请求发送到代理服务器,再由代理服务器向目标服务器发送请求,绕过了浏览器的同源策略。 以 CSDN代码前端架为例,假设我们要访问一个不同域名的 API 接口,我们可以在项目的根目录下找到一个名为 setupProxy.js 的文件。在该文件中,我们可以进行如下配置: const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/api', createProxyMiddleware({ target: 'http://api.example.com', // 目标服务器的地址 changeOrigin: true, // 控制请求头中的 Host 域 pathRewrite: { '^/api': '', }, }) ); }; 上述代码中,我们配置了一个代理规则,将以 /api 开头的请求转发到目标服务器 http://api.example.com。通过设置 changeOrigin 为 true,我们可以控制请求头中的 Host 域,确保其和目标服务器相同。通过设置 pathRewrite,我们可以将请求路径中的 /api 前缀重写为空,以符合目标服务器的接口规则。 配置完成后,我们只需重启开发服务器,即可在开发环境中进行跨域访问。此时,所有以 /api 开头的请求都会被代理服务器转发到目标服务器,从而解决跨域问题。 总之,CSDN代码前端架中的 setupproxy 提供了一个简便的方式来配置代理服务器,实现跨域访问资源。开发者只需按照架提供的配置文件规则进行设置,便可以解决跨域问题,使得应用程序能够正常运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值