zoukankan      html  css  js  c++  java
  • 跨域产生的原因及解决方法

    (一)跨域的问题的出现肯定是因为请求数据时产生的,产生的原因是因为一下三点:

    http:  //  www.baidu.com    :8080/   /dir/index.html

    协议     域名                       80端口,可省

    1.域名不同
    2.协议不同
    3.端口不同

    (二) 这里解决的办法是利用http-proxy-middleware 代理解决(项目使用vue-cli脚手架搭建)

    devServer:{
        proxy:{
           "/api":{
                 target:"https://****.com" //数据接口的地址 
                 changeOrigin:true,  // 允许跨域 
                 secure:false, // 允许运行在https上   
                 pathRewrite: { //如果你不想总是传递 /api,可以重写路径
                      '^/api': ''
                 }   
            }
             
        }

    然后就是把上图的target改成你的接口地址前面的那部分就好了,底下的^/api就是把前面那些替代成空字符串,接口就写替代的后面那部分路由地址就好了,不过我推荐不要用‘/api’还是用‘’空字符串代替,毕竟你前端代理在路由前面加了/api。在本地浏览器前面会替代的那部分会显示为localhost,其原理就是解决跨域问题中的设置代理

  • 相关阅读:
    11.个别程序题
    常见设计模式部分
    框架部分综合
    mybatis部分
    spring部分
    hibernate部分
    struts2部分
    10.java反射和类加载机制
    9.垃圾回收机制和JVM
    oracle部分
  • 原文地址:https://www.cnblogs.com/keai/p/11418138.html
Copyright © 2011-2022 走看看