proxy解决跨域问题


首先我们在本地开发,域名都是localhost,当我们需要请求后台数据时,就会出现跨域的问题

下面就是在vue.config.js配置文件里:

devServer: {

     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       '/api' : {
         target: `http: //10.24.4.214:8098/api`,
         changeOrigin:  true ,
         pathRewrite: {
           '^/api'  ''
         }
       }
     }
}
/api表示需要去匹配请求时的url,然后替换成target的值
比如你页面里是写的:
axios.post('/api/list/gd')
最终node去请求后台的地址是:http://10.24.4.214:8098/api/list/gd
但是你在浏览器里看到的还是:http://localhost:8888/api/list/gd,这时候就不存在跨越的问题的,node服务已经代理拿到数据了


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM