vue如何import axios异步的数据

Question

import tableData from 'data.js'
created(){
    this.data = tableData.data1
}

其中data.js中数据为

export const data1 = ['a','b','c']
export const data2 = ['1','2','3']

目前想动态请求axios数据
该如何写呢?

export axios.get('...').then((res)=>{
    ....
    

这样似乎不行！

或者let data2 = []
axios.get('..').then((res)=>{data2 = res}...

这样似乎也有问题。

解决办法
data.js的数据中用

export function rowData(){
    return new Promise((resolve, reject) => {
        axios.get('http://localhost:7001/users/1')
        .then((res) => {
            console.log(res.data)
            resolve(res.data)
        })
    })
}

调用的时候用. tableData.rowData() 提示

.....default.rowData is not a function

如果直接用tableData打印出来的又是undefined

请教该如何取到这部分异步数据呢

data.js部分的内容

export function rowData(){
    return new Promise((resolve, reject) => {
        axios.get('http://localhost:7001/users/1')
        .then((res) => {
            console.log(res.data)
            resolve(res.data)
        })
    })
}

export const solidData = [
    {
        title: '序号',
        type: 'index',
        width: 80,
        align: 'center'
    },........

Answer 1

首先确定路径，这个根据启动服务来看。其次本地测试请求json格式文件，而不是js文件，你需要的是数据，而不是js代码。