vue 设置全局变量
方式一:通过export defaultconst BASEURL = "http://localhost:3333/" const URL = { getCategory:BASEURL+'category', getGoodsInfo:BASEURL+'getGoodsInfo' } export default URL 在入口文件中引入 import url from
·
方式一:通过export default
const BASEURL = "http://localhost:3333/"
const URL = {
getCategory:BASEURL+'category',
getGoodsInfo:BASEURL+'getGoodsInfo'
}
export default URL
在入口文件中引入
import url from './api/api'
Vue.prototype.URL=url;
方式二:通过module.exports
const BASEURL = "http://localhost:3333/"
const URL = {
getCategory:BASEURL+'category',
getGoodsInfo:BASEURL+'getGoodsInfo'
}
module.exports = URL;
在入口文件中引入Vue.prototype.URL=require(’./api/api.js’);
其实以上两种都是Vue.prototype原型引入;
方式三:通过node.js的global全局变量
global.apiBase={}
apiBase.baseUrl='http://localhost:3333/'
apiBase.getBanner="/banners"
apiBase.getcategory="/category"
export default {
apiBase
};
在路口文件中直接引入
import ApiBase from ‘./api/api’
方式四:通过VUEX的状态管理
import Vue from 'vue';
import Vuex from 'vuex';Vue.use(Vuex);
const state = {}
直接定义在state状态里面
更多推荐
已为社区贡献2条内容
所有评论(0)