前端 后端 Nginx代理,解决跨域问题

前端 后端 Nginx代理,解决跨域问题

关于跨域的问题

跨域问题是指在不同域名、协议或端口下的网站或应用程序之间进行数据交换时出现的问题。这种问题的根本原因是由同源策略引起的。同源策略是指在一个网站或应用程序中,只能访问同源的资源,即域名、协议和端口都必须相同。当页面在执行一个脚本时,它会检查访问的资源是否同源。如果非同源,在请求数据的时候浏览器会在控制台报一个异常,提示拒绝访问。这是为了阻止用户读取到另一个域名下的内容,以保护用户的安全和隐私。

跨域问题可以通过几种方式解决

一、 Nodejs 代理

JSONP 包含两部分:回调函数和数据。回调函数是当响应到来时要放在当前页面被调用的函数。数据就是传入回调函数中的 json 数据,也就是回调函数的参数了

javascript">module.exports = {
   
  dev: {
   
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
   
      '/api': {
   
        target: 'http://xxx.xxx.xxx.xxx:8080', // 你请求的第三方接口
        changeOrigin: false, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: {
    // 路径重写,
          '^/api': '' // 替换target中的请求地址。
        }
      },
转载请说明出处内容投诉
CSS教程_站长资源网 » 前端 后端 Nginx代理,解决跨域问题

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买