Vue用axios请求数据proxyTable解决跨域问题

最新推荐文章于 2023-03-20 19:37:26 发布

小桃妖妖

最新推荐文章于 2023-03-20 19:37:26 发布

阅读量1.5k

点赞数

文章标签： vue+axios proxyTable

本文链接：https://blog.csdn.net/m0_37359100/article/details/78672508

版权

本文介绍了在Vue项目中，如何利用axios进行数据请求，并通过配置proxyTable解决跨域问题。主要步骤包括在main.js引入axios，修改config/index.js的proxyTable设置，以及在组件中调用axios请求函数确保数据加载。提醒读者注意getData函数的调用，避免因未调用导致的数据加载失败。

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

第一次接触vue还不熟悉，获取数据遇到跨域的问题，这里的请求用到axios
首先main.js也就是入口文件里面要引进axios

import axios from 'axios'

Vue.config.productionTip = false
Vue.prototype.axios = axios

配置了proxyTable来解决跨域问题
config文件夹下的index.js找到proxyTable这个东东，然后配置如下

dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {        
          target:'http://localhost:5080',     请求地址
          changeOrigin:true,