vue项目的入口文件main.js

最新推荐文章于 2024-08-07 22:02:39 发布

weixin_46686024

最新推荐文章于 2024-08-07 22:02:39 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue学习之路文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_46686024/article/details/108508799

vue学习之路专栏收录该内容

6 篇文章

订阅专栏

本文介绍Vue项目的入口文件main.js的主要作用。它用于初始化Vue实例并导入所需的插件，是搭建Vue应用的基础。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要作用

初始化vue实例，并引入所需要的插件

代码

import Vue from 'vue'      //引入vue核心库
import App from './App.vue'    //引入一个当前目录下的App.vue的组件
import router from './router' //导入路由
import store from './store'  //引入store
import axios from 'axios'  //完成ajax请求

//常用样式
import '@/assets/css/reset.styl'
import '@/assets/css/mixins.styl'
import '@/assets/css/iconfont.css'
import '@/assets/js/iconfont.js'

import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

Vue.use(VueQuillEditor, {
  placeholder: '正文',
});

import { handleRequest, handleResponse } from '../http-interceptor';
Vue.config.productionTip = false;     //是否在生产环境中给出提示功能

import { Skeleton } from 'vant';  //引入
Vue.use(Skeleton);

//axios.defaults.baseURL = "http://192.168.6.218";
//接口地址，如果是development开发中，就选择前一个，打包npm run build时，就自动选择后者线上服务器，放线上就不会出问题
axios.defaults.baseURL = process.env.NODE_ENV=='development' ? 
                        "http://192.168.6.218" : 
                        "http://192.168.8.250:8099"; 
axios.defaults.withCredentials=true;
Vue.prototype.$http = axios;

handleRequest(store.state.login.role);
handleResponse(store.state.login.role);

new Vue({   //生成一个vue实例
  router,  //等同于router:router(上面已经导入)
  store,  //传递给vue实例
  render: h => h(App)   //渲染函数，将组件App渲染到挂载的元素上
}).$mount('#app')  //#app是挂载在public主页面上的，打开index就会看到这个元素id