Vue初学者，整合接口。

Question

文件名: constants/index.js

export const API_URL  = 'http://billy.dev.elite.gaodun.com/'; // API Server
export const API_NewURL  = 'http://fcd.5173.com/';
export const API_SearchURL  = 'http://192.168.129.175:9200/fs_offeronline/_search';

接口配置文件。
文件名:store/common.js

import {API_URL} from "../constants";
var commonApi = {};

/**
 * 首页信息
 *
 */

commonApi.getHomeData = function(){
    return $.fn.ajax({
        type:'get',
        url:API_URL,
        dataType:'json',
        jsonp:'jsoncallback',
        jsonpCallback:'success_jsonpCallback1'
    });
};

export default commonApi;

页面访问

import store from '../../store';

store.common.getHomeData().then((data)=>{
    //todo sth
}

结构就是这样，路径都是对的，但是一直提示Cannot resolve file,请问这是为什么呢？

这是API报的错
Unused constant API_URL less... (⌘F1)
Checks if JavaScript / ActionScript public functions , variables , classes , and properties are used in global scope. The validation works in JavaScript, ActionScript, HTML and JSP files

Answer 1

你的store和constants都是目录呀，你要import的是JS文件才行呀

import {API_URL} from "../constants/index";

import store from '../../store/common';
store.getHomeData().then((data)=>{
    //todo sth
}