Fe-interview: [vue] axios是什么?怎样使用它?怎么解决跨域的问题?

Created on 20 Jun 2019  ·  4Comments  ·  Source: haizlin/fe-interview

[vue] axios是什么?怎样使用它?怎么解决跨域的问题?

vue

Most helpful comment

因为axios在vue中利用中间件http-proxy-middleware做了一个本地的代理服务A,相当于你的浏览器通过本地的代理服务A请求了服务端B,浏览器通过服务A并没有跨域,因此就绕过了浏览器的同源策略,解决了跨域的问题。

All 4 comments

axios 的是一种异步请求,用法和ajax类似,安装npm install axios --save 即可使用,请求中包括get,post,put, patch ,delete等五种请求方式,解决跨域可以在请求头中添加Access-Control-Allow-Origin,也可以在index.js文件中更改proxyTable配置等解决跨域问题

因为axios在vue中利用中间件http-proxy-middleware做了一个本地的代理服务A,相当于你的浏览器通过本地的代理服务A请求了服务端B,浏览器通过服务A并没有跨域,因此就绕过了浏览器的同源策略,解决了跨域的问题。

axios跨域:定义baseURL、配置proxyTable

axios是一种异步请求方式,有cdn引入和npm方法引入并使用
解决跨域常用的有两种方式
1.CORS解决跨域问题,这需要通过后端来解决,通过设置header头来通配。使服务器允许跨域请求接口数据,而前端正常使用axios请求方式。
2.通过接口代理的方式,在vue项目中创建一个vue.config.js,导入一个devserve,并配置里面的选项即可。

Was this page helpful?
0 / 5 - 0 ratings