zoukankan      html  css  js  c++  java
  • vue-cli中的跨域之proxytable

    为什么会有跨域?

    浏览器有一个叫做同源策略的东西。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

    同源策略规定了如果两个页面的协议、域名、端口中任意一个不相等,就认为两个页面具有不相同的

    两个不同的页面资源交互会受到浏览器的同源策略限制,也就出现了我们说的跨域问题

     

    那应该怎么办?

    其实我们可以通过配置 vue 项目中的 config/index.js 来解决问题。

    将 dev 中的 proxyTable 改为如下:

    只需要将我们请求的跨域域名写在target里面

    proxyTable: {
     '/api': {
     target: 'http://touch.piao.qunar.com/',  //拿去哪儿网域名举例
     changeOrigin: true,
     pathRewrite: {
      '^/api': ''
     }
     }
    },
     
    然后我们在页面中使用axios请求时api 后面写我们要请求的具体链接就可以了  /api/就代表了我们在index中配置的域名啦
    axios.get("/api/xxxxx)  
  • 相关阅读:
    pch文件的创建
    常用的Xcode插件下载地址
    内存管理
    学习笔记-static的作用
    IOS 之label的自适应
    OC中的循环引用
    理解事务的4种隔离级别
    Solrcloud集群搭建
    常见前端浏览器兼容问题及解决方案
    Java内存溢出详解及配置
  • 原文地址:https://www.cnblogs.com/mhtss/p/11273056.html
Copyright © 2011-2022 走看看