求大神帮忙解决:vue-cli3 axios请求本地数据问题

引入axios

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'

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

vue.config.js

module.exports = {
  devServer: {
    open: true,
    host: 'localhost',
    port: 8080,
    https: false,
    hotOnly: false,
    proxy: {
      // 配置跨域
      '/api': {
        target: 'http://localhost:8080',
        ws: true,
        changOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    before: app => {}
  }
};

json目录

图片说明

axios请求

    getData() {
      this.$axios('api/data/profile/shopping.json')
        .then( res => {
          console.log(res.data)
        })
    }

错误提示

图片说明

1个回答

应该不需要用到跨域 虽然你写的是本地的 但本地还是没有服务, 把json文件放到static下面,

访问试试 axios.get('../../static/test.json')

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问