zoukankan      html  css  js  c++  java
  • vue-cli设置proxyTable 跨域

      跨域问题很常见,至于为什么有跨域就不说了。记录一下在vue-cli中设置跨域 这里只需要前端设置 ,然后就可以进行跨域访问啦

      在脚手架中 config的文件夹下面有一个index.js 打开找到proxyTable ,发现是一个空对象。这个单词的意思是代理 。那么我们可以理解为 通过这个代理发出请求,映射到相同的域名端口号下,然后实现跨域的访问。

      那么怎么设置呢?

      

     proxyTable: {
            '/api/':{
                target:'http://210.16.188.194:8090',
                changeOrinin:true,
                pathRewrite:{
                    '^/api':''
                }
            }
        },

      呐 介绍一下怎么用 , 

      target: 写你需要访问的地址 比如说我需要访问的接口是这个下面的某个文件,我只需要写到端口号即可  

      changeOrinin:true  照抄就行啦

      下面的也是照抄即可

      然后请求访问 

      this.$axios.get('api/xxxxxxxxxxxxxxxxx').then(data=>{})....

      需要注意的就是前面要加上api这些。

      vue-resource同理 

  • 相关阅读:
    【spring 注解驱动开发】spring ioc 原理
    目录大纲,欢迎来戳
    进程相关
    网络编程相关知识点
    Django基本知识
    浅谈 Web框架
    浅谈 Flask 框架
    AJAX小示例
    浅谈cookie 和 session
    ORM:对象关系映射
  • 原文地址:https://www.cnblogs.com/pengaijin/p/7514042.html
Copyright © 2011-2022 走看看