Vue之跨域访问的问题axios技术获取后台数据

条件
1.后台服务器运行要访问的api路径，这里我用postman来测试路径是否正确，

通过这个路径访问看其中是有数据的，跨域访问的时候服务器一定要启动
2.在前端的vue中开始安装配置axios，

1.npm install axios

在哪个页面用就在那里

import axios from 'axios';

3.main.js

import axios from 'axios' // 1、在这里引入axios Vue.prototype.$axios = axios; //  axios.defaults.baseURL = 'http://localhost/Shopping/api/v1'

4.App.vue

import axios from 'axios'; 
<script>
 export default { 
created(){ 
let url="/catalog/all"; 
this.$axios.post(url,{ })
.then((resp)=>{ console.log(resp.data); })
.catch((error)=>{ console.log(error); })
 }
 } 
</script>

结果显示如下图所示