1.main.js:
import filters from 'XXX'
Object.keys(filters).forEach(key => Vue.filter(key, filters[key])) //遍历过滤
const router=new VueRouter({
mode: 'history', //切换路径模式,变成history模式
scrollBehavior: () => ({ y: 0 }), // 滚动条滚动的行为,不加这个默认就会记忆原来滚动条的位置
routes
});
//axios的一些配置
axios.interceptors.request.use(); //配置发送请求的信息
axios.interceptors.response.use(); //配置请求回来的信息
axios.defaults.baseURL = (process.env.NODE_ENV !=='production' ? config.dev.httpUrl:config.build.httpUrl); //基本请求地址
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; //设置请求头
Vue.prototype.$http = axios //其他页面在使用axios的时候直接 this.$http就可以了
2.监听路由:
watch:{
$route(to,from){ }
}
3.vuex及vue-router常用方法示意:
this.$store.dispatch('XXX');
this.$route.path/this.$route.params