kxmdjqq
kxmdjqq
采纳率50%
2019-08-22 12:27

求大神帮忙解决: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条回答

  • qq_33477377 爱前端不爱恋爱 2年前

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

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

    点赞 2 评论 复制链接分享