vue-cli设置proxyTable 跨域

Posted 2020-10-06 不乱于心,不困于情。不畏将来,不念过往。

　　跨域问题很常见，至于为什么有跨域就不说了。记录一下在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同理