博客
关于我
vue中使用axios跨域访问
阅读量:556 次
发布时间:2019-03-09

本文共 1170 字,大约阅读时间需要 3 分钟。

vue中设置axios跨域访问

步骤一 下载axios

npm install axios


步骤二 引入到vue中

import axios from 'axios'	//可以直接在index.html页面引入,不过最好在component的js里引入

步骤三 更改 主目录\config\index.js文件

module.exports.proxyTable中进行配置

proxyTable: {           '/api': {     	/     '/api'代表的是你取得名字        target: 'http://localhost:8088',  	//这一段代表的是’api'所代表的地址        changeOrigin: true,          pathRewrite: {               '^/api': ''          }        }      },

步骤四 使用axios语法进行访问

其他语法自行查询

methods: {      getUsers() {        axios        //		‘/api'代表的是  'http://localhost:8088'        //		所以'/api/vue/getAllUsers'就是        // 		'http://localhost:8088/vue/getAllUsers'          .get('/api/vue/getAllUsers').then((response) => {          this.users = response.data;        })      }    }

如 \color{#2d85f0}{如} 果 \color{#f4433c}{果} 感 \color{#ffbc32}{感} 觉 \color{#2d85f0}{觉} 写 \color{#0aa858}{写} 的 \color{#f4433c}{的} 还 \color{#2d85f0}{还} 不 \color{#f4433c}{不} 错 \color{#ffbc32}{错} , \color{#2d85f0}{,} 不 \color{#0aa858}{不} 要 \color{#f4433c}{要} 忘 \color{#2d85f0}{忘} 记 \color{#f4433c}{记} 点 赞 \color{#ffbc32}{点赞} 评 论 \color{#2d85f0}{评论} 收 藏 \color{#0aa858}{收藏} 关 注 \color{#f4433c}{关注}

转载地址:http://ghesz.baihongyu.com/

你可能感兴趣的文章
Multiple websites on single instance of IIS
查看>>
mysql CONCAT()函数拼接有NULL
查看>>
multiprocessing.Manager 嵌套共享对象不适用于队列
查看>>
multiprocessing.pool.map 和带有两个参数的函数
查看>>
MYSQL CONCAT函数
查看>>
multiprocessing.Pool:map_async 和 imap 有什么区别?
查看>>
MySQL Connector/Net 句柄泄露
查看>>
multiprocessor(中)
查看>>
mysql CPU使用率过高的一次处理经历
查看>>
Multisim中555定时器使用技巧
查看>>
MySQL CRUD 数据表基础操作实战
查看>>
multisim变压器反馈式_穿过隔离栅供电:认识隔离式直流/ 直流偏置电源
查看>>
mysql csv import meets charset
查看>>
multivariate_normal TypeError: ufunc ‘add‘ output (typecode ‘O‘) could not be coerced to provided……
查看>>
MySQL DBA 数据库优化策略
查看>>
multi_index_container
查看>>
mutiplemap 总结
查看>>
MySQL Error Handling in Stored Procedures---转载
查看>>
MVC 区域功能
查看>>
MySQL FEDERATED 提示
查看>>