vue 的 main.js 设置

import Vue from 'vue'
// import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'

//添加自定义的全局方法
import globalFunc from "./utils/globalFunc"
Vue.use(globalFunc)

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import '@/styles/index.scss'  //global css

import * as filters from './filters' //global filters
import bus from './components/bus'

Vue.prototype.$http = axios
Vue.prototype.$bus = bus

// register global utility filters.
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
});

// // 添加请求拦截器
// axios.interceptors.request.use((config)=> {
//   console.log(config,544)
//   // 在发送请求之前做些什么
//   return config;
// },(error)=> {
//   // 对请求错误做些什么
//   return Promise.reject(error);
// });

// // 添加响应拦截器
// axios.interceptors.response.use( (response)=> {
//   console.log(response,9879879)
//   // 对响应数据做点什么
//   return response;
// },  (error)=> {
//   // 对响应错误做点什么
//   return Promise.reject(error);
// });

Vue.config.productionTip = false
Vue.use(ElementUI)

new Vue({
  router,
  axios,
  store,
}).$mount('#app')

原文地址:https://www.cnblogs.com/knuzy/p/11374490.html

时间: 2024-08-30 15:57:06

vue 的 main.js 设置的相关文章

vue项目中app.vue 、main.js和 index.html的关联

1.main.js是我们的入口文件,主要作用是初始化vue实例并使用需要的插件. import Vue from 'vue' import App from './App' /* eslint-disable no-new */ new Vue({ el: '#app', template: '<App/>', components: { App } }) 2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的.其实你也可以理解为所有的路由也是App.vue的子组件.所以我

Vue在main.js之前单独引用某个依赖如(element-ui)

引用Vue并实例化 import Vue from 'vue'; const v = new Vue(); 引用 // token失效登录过期,强制跳转至登录页 axios.interceptors.response.use( response =>{ // token失效登录过期,强制跳转至登录页 if(response.data.code === -3){ //开始搞事情 v.$notify({ message: '登录时效已过期,即将强制跳转至登录', type: 'warning' })

vue中main.js配置后端请求地址

Vue.config.productionTip = false; axios.defaults.baseURL = 'http://127.0.0.1:8003/';//后端开发环境地址 // axios.defaults.baseURL = 'http://172.18.31.16:8000/';//后端地址 axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';//配置请求头信息. 原文

用vue开发一个app(2,main.js)

昨天跟着vue的官网搭建了vue的一个脚手架,我也是第一次用VUE一切都在摸索阶段. 今天试着看下里面脚手架里面有点什么东西 先看看main.js 导入了3个模块 一个vue,一个app,还有router Vue.config.productionTip = false 关闭生产模式下给出的提示 然后下面这些是做什么的.. new Vue({ el: '#app', router, template: '<App/>', components: { App } }) 这边我找到了一些vue官网

Vue main.js 文件中全局组件注册部分

main.js中修改如下: 首字母替换成大写,加上小写字母v开头. import components from './components/' //加载公共组件 Object.keys(components).forEach((key) => { var name = key.replace(/(\w)/, (v) => v.toUpperCase()) Vue.component('v'+name, components[key]) }) 原文地址:https://www.cnblogs.

Vue入口文件main.js

// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = false /

vue项目中,main.js,App.vue,index.html如何调用

1.main.js是我们的入口文件,主要作用是初始化vue实例,并引入所需要的插件 2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的.其实你也可以理解为所有的路由也是App.vue的子组件.所以我将router标示为App.vue的子组件. index.html文件入口 src放置组件和入口文件 node_modules为依赖的模块 config中配置了路径端口值等 build中配置了webpack的基本配置.开发环境配置.生产环境配置等 原文地址:https://ww

教你在微信中给Vue单页应用设置标题

前言 由于Vue React Angular等框架出来的应用都是SPA(single-page-application),所以就没有所谓的页面 都是router 而网页的标题 随着路由的改变而改变 也就成了一个(伪)需求 问题 在iOS的微信中 一个SPA应用 想要改变微信顶部导航栏的标题 使用document.title = xxx来改变网页标题是无效的 原因大致就是因为在微信中webview只加载网页标题一次 动态改变是无效的 除非都以新页面打开(那SPA的用户体验有什么卵用吗) 解决方案

vue搭建项目之设置axios

首先要下载axios: npm install axios -S 要注意的是,axios不支持Vue.use();这种方式,可以改写原型链. 第二步就是新建axios存放位置: 在项目中src中单独建立一个axios的文件夹,并在main.js中引入: 第三步对axios进行封装: 封装方法网上一大堆.本次封装如下: 在axios.js中封装的是一些获取数据方法,如: 最后声明方式: Vue.prototype.$get = get; Vue.prototype.$post = post; Vu