首页 > Vue初学者,整合接口。

Vue初学者,整合接口。

文件名: 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


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

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

import store from '../../store/common';
store.getHomeData().then((data)=>{
    //todo sth
}
【热门文章】
【热门文章】