Vue2配置axios跨域和从后端取数据赋值（踩坑记一）

最新推荐文章于 2024-06-28 21:10:44 发布

macynia

最新推荐文章于 2024-06-28 21:10:44 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/macynia/article/details/82623833

版权

本文记录了在Vue2项目中配置axios实现跨域并从后端获取JSON数据的过程，包括在main.js和config/index.js的设置，以及在组件中调用API的实践。通过设置proxyTable解决跨域问题，并展示后端返回数据的格式。

摘要由CSDN通过智能技术生成

Vue2配置axios跨域

这个系列主要记录自己实习期间的踩坑过程，不完全准确，只能说这个方法确实解决了我自己的问题，欢迎交流，但不喜勿喷：

main.js

import Axios from 'axios'

Vue.config.productionTip = false
Vue.prototype.$axios = Axios
Vue.prototype.HOME = '/api'

config/index.js （proxyTable:中是新加入的内容）

dev: {
   

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    //注意，测试阶段使用，上线后和

关注