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' import Codemirror from 'vue-codemirror' import ElementUI from 'element-ui' import VueHighlightJS from 'vue-highlightjs' import VueResource from 'vue-resource' import VueCookies from 'vue-cookies' import echarts from 'echarts' import yamljs from 'yamljs' import api from '@/utils/api' import EventBus from './lib/eventBus.js'import './lib/css' import './lib/script' import './lib/global'import 'xterm/dist/xterm.css' import 'codemirror/lib/codemirror.css' import 'element-ui/lib/theme-chalk/index.css' import 'font-awesome/css/font-awesome.min.css' import './assets/icon/iconfont.css'Vue.config.productionTip = false Vue.use(ElementUI) Vue.use(VueHighlightJS) Vue.use(VueResource) Vue.use(VueCookies) Vue.use(yamljs) Vue.use(Codemirror, /* { options: { theme: 'base16-dark', ... },events: ['scroll', ...] } */)Vue.prototype.$bus = EventBus Vue.prototype.$echarts = echarts Vue.prototype.api = api Vue.prototype.getUrlKey = function(name) {return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?) (&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null } const baseUrl = process.env.NODE_ENV === "development" ? "" : ""Vue.http.interceptors.push((request, next) => {request.url = baseUrl + request.urlnext((response) => {console.log(response.body)if (response.status >= 400) {vue.$message({message: response.statusText,type: 'error'})} else if (response.body && !response.body.success) {vue.$message({message: response.body.errorMsg || '操作失敗！',type: 'error'})}}) })/* eslint-disable no-new */ const vue = new Vue({el: '#app',router,components: { App },template: '<App/>' })export default vue

自上到下分別導入組件并use(install),非install組件直接prototype指向

然后對http做了intercepter 攔截處理,最后調用到了main.js 同目錄下的app.vue

app.vue 在<script>mounted() {}</script>中調用了登陸校驗請求，同時請求傳入了校驗成功之后跳轉的url,這個url對應的vue頁面

就是該前端項目的頁面，在mounted(){} 方法中將用戶sesstion傳入后端。

總結

以上是生活随笔為你收集整理的vue 入口main.js 调用app.vue 入口页面以及触发第三方登陆校验的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。