vue 使用axios解决跨域问题

再度Miren
2022-05-15 / 0 评论 / 830 阅读 / 正在检测是否收录...


?1.首先安装axios

npm install axios

2.在vue脚手架里面配置代理

修改vue.config.js

devServer: {
? ? proxy:{
? ? ? '/api':{
? ? ? ? target: 'http://127.0.0.1:10007', ?//请求的服务器地址
? ? ? ? pathRewrite:{'^/api':''}, ?//可以让发过去的请求不带/api打头
? ? ? }
? ? }
? }

3.在组件里直接使用

首先引入axios

import axios from 'axios'

发送请求

mounted() {
? ? axios.get('http://127.0.0.1:8080/api/show-one/one1').then(
? ? ? response => {
          //访问成功时调用,response.data代表返回成功时的数据
? ? ? ? ? console.log(response.data)
? ? ? },
? ? ? error => {
        //访问失败时调用,error.message可以表示返回失败时的信息
? ? ? }
? ? )

0

评论 (0)

取消