vue+axios 配置反向代理解决跨域问题
2018-12-01 10:22
435 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhuoganliwanjin/article/details/84671233
首先配置config下的index.js
[code]dev: { // Paths assetsSubDirectory: 'static', autoOpenBrowser: false, assetsPublicPath: '/', proxyTable: { // 在这里配置如下代码 '/api': { target:'http:xxxxxxxxxxx', // 你请求的第三方接口 changeOrigin:true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题 pathRewrite:{ // 路径重写, '^/api': '' // 这里的value要设置为空否则返回404 } } } }
我得请求代码
[code]var url = '/api/xxxxxxxx'; this.$axios.get(url,{ pageNum: 1, pageSize: 10 }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
相关文章推荐
- Nginx 的使用配置并利用nginx 反向代理解决跨域问题
- nginx配置反向代理解决前后端分离跨域问题
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- 【踩坑+实战】vue+axios使用代理解决跨域问题
- nginx配置反向代理解决前后端分离跨域问题
- nginx配置反向代理解决前后端分离跨域问题
- 配置nginx反向代理服务器,解决浏览器跨域调用接口的限制问题
- nginx反向代理node,解决前后端跨域问题
- axios 使用代理解决跨域问题
- Vue: axios ajax 跨域问题 代理配置
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- VUE webpack前端代理解决跨域问题
- 六:webpack-dev-server 设置反向代理解决跨域问题
- Mac下使用nginx反向代理服务器解决资源跨域问题
- vuex state mutation action 之间关系,axios 跨域代理请求问题
- 使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
- nginx反向代理多个tomcat 配置.解决因404问题js css无法加载问题
- vue使用代理解决请求跨域问题
- Vue.js 中 axios 跨域访问错误问题及解决方法