Vue + ElementUI 实现后台管理系统模板 -- 前端篇：引入 js-cookie axios
// main.js
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
import Cookies from 'js-cookie'
import axios from 'axios'
Vue.use(ElementUI)
Vue.prototype.$cookies = Cookies
Vue.prototype.$axios = axios
axios.defaults.baseURL = 'http://localhost:8080/api'
axios.defaults.withCredentials = true
new Vue({
el: '#app',
render: h => h(App)
})在这个代码实例中，我们在 Vue 应用中引入了 ElementUI 组件库，并且引入了它的 CSS 样式文件。接着，我们引入了 js-cookie 和 axios 库，并将它们分别赋给 Vue 的 prototype，以便在全局范围内使用。我们还设置了 axios 的默认基础 URL 和凭证传递策略，这样我们就可以在应用中方便地使用 Cookies 和 axios 进行请求了。
评论已关闭